Typography

Tokens and scales and design+dev vocabulary. Vertical rhythm, and aligning stuff, like icons and text inside buttons automatically based on few (line height) variables. Font asset flows in general.

This is a truly challenging one to get right. Changing fonts in design system will break visual alignment of pretty much every component. (Because line height in web work differently from line height in design tooling. We will need to balance this with well chose sass mixins and variables, eg. the eightshapes line height cropping mixin.

The writing mode property let you rotate text and keep the bounding box that affect the other layout.

To read

Also see

Backlinks

  • Design Systems

    Design system is a collaborative way of working over silos and schedules. It is about learning together, and a platform for people in product teams with deadlines being able to help each other. The design system artefacts - components,

  • Web Typography

    Web typograhy does note need to be boring.

    Also see

    Resources

    • [On Web Typograph
  • Typography

    Tokens and scales and design+dev vocabulary. Vertical rhythm, and aligning stuff, like icons and text inside buttons automatically based on few (line height) variables. Font asset flows in general.

    This is a truly challenging one to ge

Notes tagged typography