Design Tokens - Typography

webrecorder / hickory

Webrecorder's Design System (WIP)

0 stars 0 forks source link

Design Tokens - Typography #22

Open Shrinks99 opened 3 months ago

Shrinks99 commented 3 months ago

Proposal

A two-tiered system with primitives (scale) and component (semantic) level tokens. Because theming isn't as much of a consideration with text, we can get away with just two here?

Primitive level: type-tracking-xs, type-linespace-md type-size-4xl, type-weight-500
Component level: button-standard-text, list-label-text, ``
- A grouping of primitives to form a single style

Shrinks99 commented 3 months ago

Open Questions

Should we abandon "t-shirt sizing" for type? Numbers are probably more consistent? I've kept it for weight because that already has enforced numbers, but maybe we should abandon them for all of the other options too and create our own mappings?