Hikari Labs
Precise · Technical · Trustworthy
Type Scale — Rendered
Barlow Condensed · Barlow · DM Mono
Display52px · w900The quick brown foxHero headlines, page titles
H138px · w800The quick brown foxMajor section headings
H228px · w700The quick brown foxSub-section headings
H322px · w700The quick brown foxCard titles, group headers
H418px · w600The quick brown foxSmall headings, labels
Body Large18px · w400The quick brown foxLead paragraphs, emphasis
Body16px · w400The quick brown foxDefault body text
Body Small14px · w400The quick brown foxSecondary text, captions
Label13px · w700The quick brown foxForm labels, buttons
Mono14px · w400The quick brown foxCode, technical values
Font Pairing
Display / Body / Mono
Display
Aa Bb Cc
Barlow Condensed
Body
The quick brown fox jumps over the lazy dog.
Barlow
Mono
const x = 42;
DM Mono
Line Height Rules
1.1 Display1.3 Headings1.5 Body1.6 Small