Styleguide

Colour palette
Matter by Displaay — Glyphs

@ ● ○ ↑ ↗ → ↘  ① ② ③ ④ ⑤ ⑥ ⑦ ⑧ ⑨ ∞ № « ‹ › » £ & * ~ ± ! ? | “ ” — – - 0 1 2 3 4 5 6 7 8 9

<HeadingViewport />

Heading Viewport

<HeadingSuper />

Heading Super

<Heading1 />

Heading 1

<Heading2 />

Heading 2

<ParagraphLead />

Paragraph Lead

<ParagraphMid />

Paragraph Mid

<Paragraph />

Lorem ipsum dolor sit amet, consectetur an inline link. Proin vel ante sit amet urna eleifend sagittis vel in quam. Cras iaculis, tellus ut lacinia condimentum, metus dui bibendum ipsum, a coloured hover inline link a pretium lectus velit a nisi.

<ParagraphSmall />

Paragraph Small

<LinkPill />

Link Pill

Add to cart

Link Pill

Link Pill

Link Pill

Link Pill

Link Pill

Link Pill

Link Pill

Link Pill


Link Pill Small

Link Pill Small  ↗

Link Pill Small

Link Pill Small

Link Pill Small

Link Pill Small

Link Pill Small

Link Pill Small

Link Pill Small

Link Pill Small


Link Pill Small


hey@futurefabric.co

 .tabular-numbers

0123456789