Skip to content

Foundations · 04

One scale, and one lit line.

Sizes come from globals.css. No component invents a font size. The gradient treatment is reserved for the line that opens a page and the line that closes it.

displayThe limit is already there.The page opens here. Lit.
closerThe limit is already there.The line above the last call to action. Lit.
titleThe limit is already there.A section heading. Flat.
subtitleThe limit is already there.A dense page, or a sub-section. Flat.
headingThe limit is already there.A card title. Flat, always.

Do  Use the lit treatment on the opening and closing statement only.

Not  Use .type-lit as a colour. It sets the fill transparent, so the text and anything inheriting from it disappears.