Style | Jerome's Furniture

Style & Content Guide

Elemental Styling

Colors
  • Logo Red

    --red, .red, .red_bg
  • Type

    --type, .type, .type_bg
  • Dark

    --dark, .dark_bg
  • Med. Dark

    --med-dk, .med_dk_bg
  • Area 51

    --area51, .area51_bg
  • Medium

    --med, .med_bg
  • Med. Medium

    --med-med, .med_med_bg
  • Med. Light

    --med-lt, .med_lt_bg
  • Sub Light

    --sub-lt, .sub_light_bg
  • Less Light

    --less-lt, .less_light_bg
  • Light

    --light, .light_bg
Logos & Badges
Typopgraphy

Heading 1

font-family: 'Lato';
font-size: 36px;
font-weight: 700;

Heading 2

font-family: 'Lato';
font-size: 20px;
font-weight: 700;

Heading 3

font-family: 'Lato';
font-size: 18px;
font-weight: 700;

Heading 4

font-family: 'Lato';
font-size: 14px;
font-weight: 700;

Paragraph text

font-family: 'Lato';
font-size: 14px;
font-weight: 400;

Buttons
Accessibility

Minimum tap target size: 48px x 48px with 9px spacing