Styleguide Taluõun

Grid

8px grid system

Gutter: 24px

Columns: 12

Colors

#df0e17 $brand-primary ($red)
#fee54a $brand-secondary ($yellow)
#4aa93a $green
#353131 $text-color ($black)
#9a9898 $dark ($gray)
#d7d6d6 $light ($gray-300)

Typography

Heading font: Caveat (more info)

Body font: Roboto Condensed (more info)

Heading 1

Heading 1

Heading 2

Heading 2

Heading 3

Heading 3

Heading 4

Heading 4

body p

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna

Buttons

Lists

  • Lorem ipsum
  • Lorem ipsum
  • Lorem ipsum
  • Lorem ipsum
  • Lorem ipsum
  1. Lorem ipsum
  2. Lorem ipsum
  3. Lorem ipsum
  4. Lorem ipsum
  5. Lorem ipsum

Table

# Column heading Column heading Column heading
1 Column content Column content Column content
1 Column content Column content Column content
1 Column content Column content Column content
1 Column content Column content Column content

Form elements