SEEK Style Guide

SEEK Style Guide

Text
Living Style Guide
import {
  Text
} from 'seek-style-guide/react';


<Text hero>
  Living Style Guide
</Text>
Click to copy
Sketch Symbols
Text ▸ 1. Hero — Desktop: 42px, Mobile: 21px
Hero text
Text ▸ 2. Headline — Desktop: 28px, Mobile: 21px
Headline text
Text ▸ 3. Heading — Desktop: 22px, Mobile: 21px
Heading text
Text ▸ 4. Subheading — Desktop: 18px, Mobile: 18px
Subheading text
Text ▸ 5. Large — Desktop: 18px, Mobile: 18px
Large text
Text ▸ 6. Standard — Desktop: 16px, Mobile: 16px ▸ 1. Default
Standard text
Text ▸ 6. Standard — Desktop: 16px, Mobile: 16px ▸ 2. Secondary
Standard critical text
Text ▸ 6. Standard — Desktop: 16px, Mobile: 16px ▸ 3. Strong
Standard strong text
Text ▸ 6. Standard — Desktop: 16px, Mobile: 16px ▸ 4. Positive
Standard positive text
Text ▸ 6. Standard — Desktop: 16px, Mobile: 16px ▸ 5. Critical
Standard critical text
Text ▸ 6. Standard — Desktop: 16px, Mobile: 16px ▸ 6. Link
Standard link text
Text ▸ 7. Small — Desktop: 14px, Mobile: 14px
Small text