Both families use the SIL Open Font License 1.1. The download includes each family’s copyright notice and licence. The mark and outlined lockups do not require an installed font.
The live web scale.
Display, section and body settings come from the current site CSS. Specimens are fitted to this guide’s column.
Display
80 / 83.2 px 500 · −0.055em
The browser wallet for Pearl.
H2
48 / 48 px 500 · −0.045em
Every address checked.
H3
36 / 40 px 500 · −0.04em
Made on your device.
Lead
20 / 28 px 500 · normal
PEARL on Pearl and wPEARL on Ethereum.
Body
18 / 28 or 16 / 24 px 400 · normal
Review the network, the fee and the total before you sign.
Control
14 / 20 or 16 / 24 px 600 · normal
Review crossing
The final landing stylesheet sets the hero to clamp(60px,5.56vw,80px), line height 1.04, weight 500 and −0.055em tracking. It overrides the older 96 px rule in the base stylesheet.
Bridge uses 60 px at 1001 to 1150 px, 56 px at 1000 px and below, then 48 px at phone widths and 42 px at 360 px. Wallet uses 60 px at 1001 to 1150 px, 52 px at 1000 px and below, 48 px at 760 px and below, then 42 px at 360 px. H2 falls to 36/40 below 900 px.
These are the values used by Studio. Sizes and line heights are canvas pixels.
Canvas
Inset
Display
Support
Label / diagram
UI status
1600 × 900
72
104 / 107
34 / 44
32 / 40
26 / 34
1080 × 1350
64
96 / 99
36 / 47
34 / 44
28 / 36
1080 × 1080
56
82 / 85
32 / 42
32 / 42
26 / 34
1500 × 500
64
No headline
Optional 30 / 40
None
None
1200 × 630
56
72 / 74
27 / 35
26 / 34
22 / 28
Display is Manrope 500 at −0.055em tracking and about 1.03 line height. Support is Manrope 500. Diagram labels are 600. Wordmark sizes are 36, 36, 32 and 26 px for landscape, portrait, square and OG; product lines are half those sizes.
Keep two display lines on landscape and square canvases, up to three on portrait. Studio fits long copy only to 78% of the nominal size. Shorten the headline when that is not enough.
A 104 px landscape headline becomes about 33 px in a 506 px feed image and 22 px in a 343 px feed image. Repeat the full explanation in the post text. Headers use art without a headline.
Separate a value and its unit with a space. Keep the coin and token names exact.
1,284.37 PEARL 320.00 wPEARL 0.4182 ETH 100,000,000 grains
PEARL is the coin on Pearl. Wrapped PEARL (wPEARL) is the Ethereum token backed by PEARL. Write PEARL in uppercase and the wrapped-token ticker exactly as wPEARL. Use Wrapped PEARL for its full name. Write grains in lowercase.
1 PEARL = 100,000,000 grains. PEARL amounts can carry eight decimal places. Keep the exact total on review screens; do not round a fee into zero.
Use commas for thousands and a full stop for decimals. Include the leading zero: 0.00000001 PEARL. Summary balances use at least two decimals, as the live formatter does.
Use tabular figures for changing amounts. In code:
Addresses are data.
Use Geist Mono and preserve case. The compact default is six characters, one ellipsis, then four characters.
Compact
prl1pe…r2ms 0x7a3f…9f2c
Default short(value, 6, 4). Some asset and recipient rows use 8 + 4 or 6 + 6 where space permits.
Review
prl1 pe03 · example recipient
The real wallet groups a full recipient in sets of four on review. Preserve the complete underlying address for copying. Never substitute a shortened address into a transaction.
Pearl mainnet addresses begin prl1p for Taproot or prl1z for P2MR. The app checks the network, type and checksum. Marketing uses the example fixtures from the real modules.
Dates, time and punctuation.
Use an unambiguous date and a named timezone. Sentence case keeps headlines and controls consistent.
Use
Example
Rule
Date
1 November 2026
Day, full month, year.
Time
14:00 AEDT · 03:00 UTC
24 hour time with timezone. Add UTC for an international event.
Duration
3 min 14 s
Space between the value and abbreviated unit.
Ranges
300 to 600 ms
Use “to” in prose.
Headlines
The ZK bridge for Pearl.
A category headline ends with a full stop.
Labels
Review crossing
Sentence case; no trailing full stop on controls.
Sentence punctuation
One idea per sentence.
Use full stops and commas. Avoid dash punctuation, exclamation marks and decorative symbols.
Let the words fit.
Body text is usually 45 to 70 characters per line. Display copy uses the breaks a reader needs.
The browser wallet for Pearl.
PEARL on Pearl and wPEARL on Ethereum, in one account.
Your keys stay on your device.
Keys are created inside the extension and stored encrypted with your password.
Keep “for Pearl” together when space allows. Avoid a single orphaned word. Use real line breaks only in fixed canvas exports; let web copy wrap on small screens.
Two more type pairings.
Use one pair across a campaign or editorial layout. Manrope and Geist Mono remain the product and wordmark fonts.
Newsreader + DM Sans
An editorial option for essays, explainers and campaign pages. Newsreader adds a serif voice beside the stone architecture. DM Sans keeps paragraphs and controls plain.
Light specimen
The ZK bridge for Pearl.
Move PEARL to Ethereum as wPEARL, or bring it back to Pearl. The app shows each stage of the crossing.
250.00000000 PEARL 100,000,000 grains
Dark specimen
The ZK bridge for Pearl.
Move PEARL to Ethereum as wPEARL, or bring it back to Pearl. The app shows each stage of the crossing.
250.00000000 PEARL 100,000,000 grains
Headings: Newsreader 450, optical size 60, line height 1.02. Body and UI: DM Sans 400 and 600. Data: the existing Geist Mono. Keep serifs out of amounts and addresses.
A technical option for diagrams, release notes and product explainers. Sora gives headings and body text a firmer geometric shape. IBM Plex Mono keeps figures and hashes distinct.
Light specimen
The ZK bridge for Pearl.
Move PEARL to Ethereum as wPEARL, or bring it back to Pearl. The app shows each stage of the crossing.
250.00000000 PEARL 100,000,000 grains
Dark specimen
The ZK bridge for Pearl.
Move PEARL to Ethereum as wPEARL, or bring it back to Pearl. The app shows each stage of the crossing.
250.00000000 PEARL 100,000,000 grains
Headings: Sora 500, tracking −0.045em, line height 1.04. Body and UI: Sora 400 and 600. Data: IBM Plex Mono 400. Use the mono only for information that needs it.