Type
One typeface. Three weights. Regular headlines.
Satoshi carries every word, from a 56 px hero to a 14 px caption. The reasoning and the print scale are in chapter 04.
Satoshi
Indian Type Foundry (Fontshare). ITF Free Font License: free for personal and commercial use, web, print, video, packaging.
Fallback: Arial (email, Office documents, systems without Satoshi).
Download Satoshi from FontshareThe quick brown fox jumps over the lazy dog
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 AED × ® & ?
Regular 400: headlines, body copy
The quick brown fox jumps over the lazy dog
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 AED × ® & ?
Medium 500: card headings, buttons, menu, badges
The quick brown fox jumps over the lazy dog
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 AED × ® & ?
Bold 700: eyebrows and prices only
Web scale
Every size the website uses. Sizes with a range are fluid between phone and desktop.
40px to 56px · 400
Line 1.08 · tracking -0.025em
forest ink or white
Sleep closer to nature.
40px · 400
Line 1.1 · tracking -0.025em
forest ink
Find the mattress that fits how you sleep.
28px to 40px · 400
Line 1.15 · tracking -0.02em
forest ink
Give the heat beside your body somewhere to go.
18px to 24px · 500
Line 1.3 · tracking -0.01em
forest ink
Natural Harmony Select mattress
17px to 18px · 400
Line 1.6 · tracking 0
slate green
Natural and organic mattresses, thoughtfully made for breathable comfort and deeper rest.
16px · 400
Line 1.6 · tracking 0
slate green
The air conditioner cools the room, not the thin pocket of heat and humidity between your skin and the mattress. That pocket is your sleep microclimate.
14px · 400
Line 1.5 · tracking 0
slate green
Smallest size anywhere
Google Maps ratings and counts checked 23 Sep 2026.
15px · 500
Line 1.3 · tracking 0
forest ink
15px to 16px · 500
Line 1 · tracking 0
14px · 700 · caps
Line 1.6 · tracking 0.08em
sage
14px · 500
Line 1 · tracking 0
16px to 22px · 700
Line 1.2 · tracking 0
forest ink
From AED 2,564
Social scale, on a 1080 px canvas
| Headline | 64px to 96px Regular, -0.025em |
|---|---|
| Body | 32px minimum |
| Eyebrow | 28px Bold caps, 0.08em |
| Max words on image | 20 |
Setting it right
Do
- Headlines Regular 400, tracking -0.02 to -0.025em, sentence case
- Card and small headings Medium 500
- Body 16 px, line height 1.6, Slate Green
- Prices Bold: AED 2,300. Sizes with a true multiplication sign: 160 × 200 cm
- Capitals only in eyebrows, applied by the style
Don't
- No bold or thick headlines, no serif display fonts
- Nothing smaller than 14 px on the web
- No all-caps headings, buttons or badges
- No em dashes anywhere. Use "to" for ranges
- No letterspaced lowercase text
Loading Satoshi
On the web, link the Fontshare stylesheet and use the stack from the tokens.
<link rel="stylesheet" href="https://api.fontshare.com/v2/css?f[]=satoshi@400,500,700&display=swap">
body {
font-family: 'Satoshi', Arial, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}The ITF Free Font License allows web, print, video and packaging use, and embedding in documents, but not redistributing the font files. Colleagues and agencies download their own copy from Fontshare.