Specimen
Typography specimen
Type your own copy, drag the scale and line height, and read the exact CSS values back. Every level maps to a Hioii heading or supporting style.
01 — Typography
Type families
Headings
SF Pro Display / Inter
Clean, geometric, Swiss-influenced.
Body
Inter
Highly legible at small sizes.
Monospace
JetBrains Mono
Time codes, durations, technical data.
02 — Typography
Interactive scale
Global scale100%
H148px / 700
Reclaim your attention
Line height1.05
font-size: 48px; line-height: 1.05;H232px / 700
Defend your time
Line height1.15
font-size: 32px; line-height: 1.15;H320px / 600
Prove your rest
Line height1.30
font-size: 20px; line-height: 1.30;Body16px / 400
Hioii is a time sovereignty system for knowledge workers and squads. Every focus block you protect is proof that attention is yours to spend.
Line height1.60
font-size: 16px; line-height: 1.60;Caption12px / 500 · mono
02:45:00 · FOCUS BLOCK · +1 INTERRUPT
Line height1.40
font-size: 12px; line-height: 1.40;