Open DS
Jump to: Typography

Scopes

Typography

How text is set: roles, sizes and line height.

  1. Question 1 of 5 · 4 possible answers

    Which text roles does it need?

    The set of text roles. Each role becomes a type decision.

    • Core: heading, body, labelPicked by Accessible first, Multi-brand
    • Core and dataPicked by Dense data
    • Core and editorial displayPicked by Content first
    • Core and expressive displayPicked by Brand expressive

  2. Question 2 of 5 · 3 possible answers

    How many steps does the type scale take?

    Few sizes keep a dense screen calm. More sizes give long pages a clear hierarchy.

    • Only the steps the screens needThe scale keeps the few sizes the screens use, and nothing in between.Picked by Accessible first, Dense data
    • One step per kind of textOne size each for caption, body, heading, title and display.Picked by Multi-brand
    • Fine steps, so pages can set their own rhythmMany close sizes, so a page can tune its hierarchy and pace.Picked by Brand expressive, Content first

  3. Question 3 of 5 · 3 possible answers

    How are sizes and line heights defined?

    A ratio scale with line heights on the grid, a ratio scale with proportional line heights, or fixed steps.

    • A ratio, line heights on the gridPicked by Dense data
    • A ratio, line heights in proportionPicked by Accessible first, Brand expressive, Content first, Multi-brand
    • Fixed stepsNo scheme picks this yet

  4. Question 4 of 5 · 3 possible answers

    How large is body text?

    Body size relative to the usual default.

    • SmallPicked by Dense data
    • RegularPicked by Brand expressive, Multi-brand
    • LargePicked by Accessible first, Content first

  5. Question 5 of 5 · 4 possible answers

    Where does type do the most work?

    The place where type decisions matter most.

    • Tables and inputsPicked by Dense data
    • Articles and long textPicked by Content first
    • Forms and labelsPicked by Accessible first, Multi-brand
    • Headlines and heroPicked by Brand expressive
Next: Color →