Typografi

Inter (sans) til all UI. Instrument Serif (display) til titler og overskrifter. Aldri direkte font-family eller font-size i komponenter — bruk en typografi-token.

--t-display-2xl400 56px/56px var(--font-serif)

--t-display-xl400 44px/48px var(--font-serif)

--t-display-lg400 36px/40px var(--font-serif)

--t-display-md400 28px/32px var(--font-serif)

--t-display-sm400 22px/28px var(--font-serif)

--t-title-lg600 20px/28px var(--font-sans)

--t-title-md600 18px/26px var(--font-sans)

--t-title-sm600 16px/22px var(--font-sans)

--t-body-lg400 16px/24px var(--font-sans)

--t-body-md400 14px/22px var(--font-sans)

--t-body-sm400 13px/20px var(--font-sans)

--t-label-md500 14px/20px var(--font-sans)

--t-label-sm500 12px/16px var(--font-sans)

--t-caption500 11px/14px var(--font-sans)

--t-mono-sm500 12px/16px var(--font-mono)