Styleguide

Grid


Grid width - 1128px

Col

Col

Col

Col

Col

Col

Col

Col

Col

Col

Col

Col

Col

Col

Col

Col

Col

Col

Col

Col

Col

Colors


Main

Primary
Secondary

System

Success
Danger
Warning
Info

Grays

Slate
Grey
Steel
Pale
Snow

Typography


.text-hero

The quick brown fox jumps over the lazy dog


.text-mega

The quick brown fox jumps over the lazy dog


.text-display

The quick brown fox jumps over the lazy dog


.text-headline

The quick brown fox jumps over the lazy dog


.text-title
The quick brown fox jumps over the lazy dog

.text-main

The quick brown fox jumps over the lazy dog


.text-small

The quick brown fox jumps over the lazy dog

UI Elements


Buttons

Forms

Invalid e-mail.

Accordion

Heading One

Lorem ipsum dolor sit amet consectetur adipisicing elit. Tempora quis maiores, voluptatibus sapiente quo ullam sint quam, nobis officiis incidunt impedit totam animi dignissimos ad, voluptate debitis! Sed, reprehenderit neque.

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.

Lists

  • Lorem ipsum dolor sit amet consectetur adipisicing elit. Tempora quis maiores, voluptatibus sapiente quo ullam sint quam, nobis officiis incidunt impedit totam animi dignissimos ad, voluptate debitis! Sed, reprehenderit neque.
  • Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch.
  • Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et.
Back to home