Colors

black
cyan
magenta
yellow

Typeface

Hill Light
Hill Regular
Hill Demi Bold
Hill Bold

Typography

H1 header

H2 header

H3 header

Paragraph text. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.

Bold text

Italic text

Small text

Link
"Quote the quick brown fox jumps over the lazy dog" , Flash Gordon

Lists

  • Unordered list item
  • Unordered list item
    • Unordered list item
    • Unordered list item
  • Unordered list item
  1. Ordered list item
  2. Ordered list item
    • Ordered list item
    • Ordered list item
  3. Ordered list item

Buttons





HTML CODE
HTML CODE

Forms

Icons

HTML CODE

Grid system

Flexboxgrid.com

Overwrites in ./src/styles/grid.css
'container-fluid' css-class (full width)
'container' css-class (content width)

Break points

sizeminmax
xxs-down0-500
xs-down0-767
sm768-
md1024-
lg1200-
xl1440-
xxl1920-