Typography
Three families, chosen for the job: Satoshi for display, DM Sans for UI and reading, JetBrains Mono for code and metadata. Together they say “institutional but warm.” Apart, they stay out of each other's way.
The families#
- Satoshi (Indian Type Foundry, via Fontshare) — geometric sans with confident curves. Used for headings and display. Weights 400, 500, 700, 900.
- DM Sans (Google Fonts) — highly legible neutral sans, optimized for UI at small sizes. Weights 400, 500, 600, 700.
- JetBrains Mono (Google Fonts) — code, prices, metadata, keyboard shortcuts. Weights 400, 500.
- DM Serif Display (italic only) — used sparingly for the “Sourced” italic inside the wordmark.
Type scale#
Display64px · 900 · display · -0.035em
Find what's actually made well.
H140px · 700 · display · -0.02em
Brands that earn the badge.
H232px · 600 · display · -0.015em
Made in workshops, not campaigns.
H324px · 600 · display
Traceable to a person and a place.
Lede19px · 400 · sans
A directory of brands whose origin, materials, and makers are verifiable.
Body16px · 400 · sans
We show who made it, where, and whether anyone checked. Then we get out of the way.
Small14px · 400 · sans
Shipped from a workshop in Hyogo, Japan — typically within 5 business days.
Price20px · 600 · display
$128
Badge13px · 500 · sans · 0.02em
COMMUNITY-VERIFIED
Button15px · 500 · sans
Buy direct →
Code13px · 400 · mono
const tier = 't3' as const
Rules#
- Display and H1-H3 use Satoshi. Body, UI controls, and metadata use DM Sans. No mixing within a typographic level.
- Numerals are tabular. Prices, counts, and spec tables use
font-variant-numeric: tabular-numsto stop jitter. - Line length caps around 72 characters for body. Headings can go wider; body must stay readable.
- Never use Inter, Roboto, Montserrat, or Poppins. They're defaults; this system is specific on purpose.