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

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
  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

Illustration

Avatud

  • Kassad ja sissepääs 9-15:30
  • Siseekspositsioonid 10-16
  • Laste loomaaed 10-17
  • Meenepood 10-16:30
  • Loomaaed 9-17
Siseekspositsioonid on esmaspäeviti suletud. Laste loomaaed on kuu esimesel esmaspäeval suletud.

Loomaaia kaart

Loomaaia kaart