Type Reset by LimeKnight

Accessible typography reset

No custom classes, just the standard Webflow components all configured with accessible units. Three type scales and a handful of useful, accessible colour swatches.

Type hierarchy is based on a major third type-scale for desktop, switching to a minor third for tablet and then to a major second for mobile. Body type is set to 16px/1rem and has a unitless line-height (set to 1.5-).

Headings are all set to 600 font weight, have no padding and only have a bottom margin set at 0.25em (so they're relative to the font size). All headings have a a line height of 1.25.

Figures have 0.75em margin-bottom, as does block quotes. Labels have 0.25rem margin-bottom, paragraphs have 0.75em margin-bottom.
Text Link

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6
Block Quote

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero no custom classes erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.