Tallinn Zoo styleguide
Grid
8px grid system
Gutter: 32px
Columns: 12
Colors
$brand-primary
$brand-accent
$brand-secondary
$green
$green-dark
$green-light
$yellow
$black
$white
$body-bg / $light
Typography
Font used: Euclid Circular B: Regular (400), Medium (500), SemiBold (600)
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
a link
Example content
Lorem ipsum dolor sit amet consectetur adipisicing elit. Non, ducimus amet optio voluptatum ut numquam debitis ea voluptatem possimus similique dolor. Odio necessitatibus reiciendis ducimus, mollitia neque rem doloremque accusantium!
Buttons
Regular size buttons
Small size buttons
Large size buttons
Lists
- Lorem ipsum
- Lorem ipsum
- Lorem ipsum dolor, sit amet consectetur adipisicing elit. Beatae adipisci molestiae nobis possimus amet.
- Lorem ipsum
- Lorem ipsum
- Consequatur deleniti quasi, voluptatum in quos error, necessitatibus fuga rem aut eius neque.
- Lorem ipsum
- Lorem ipsum
- Lorem ipsum
- Lorem ipsum
- Lorem ipsum
- Lorem ipsum
- 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 |
