Hero Title in Stardos Stencil

H1 — Stardos Stencil — 60px / 3.75rem — weight 400

Section Heading in MFred

H2 — MFred — 48px / 3rem — uppercase — 0.1em tracking — 1.25em line-height

Subheading in Vollkorn

H3 — Vollkorn — 21px / 1.3125rem — 1.4em line-height

Minor heading in Vollkorn

H4 — Vollkorn — 15px / 0.9375rem — 1.4em line-height

Small heading in Vollkorn

H5 — Vollkorn — 13px / 0.8125rem — 1.4em line-height

Smallest heading in Vollkorn

H6 — Vollkorn — 10px / 0.625rem — 1.4em line-height

Body text in Vollkorn at 16px with 1.5em line-height. This is a sample paragraph to show how body copy reads at the default size. The quick brown fox jumps over the lazy dog. Design systems give teams a shared language that removes doubt and creates unity across design, product and engineering.

Body — Vollkorn — 16px / 1rem — 1.5em line-height

Small text in Vollkorn at 13px with 1.4em line-height. Used for captions, footnotes and supporting content.

Small — Vollkorn — 13px / 0.8125rem — 1.4em line-height

This is some text inside of a div block.

Button — MessinaSansWeb — 13px / 0.8125rem — 1px solid #ff2444 border