OLAZ
Zoeken

Styleguide

Colors

  • Primair - Groen

    #58A618

  • Groen - Licht

    #A9DF84

  • Secundair - Blauw

    #26187B

  • Blauw - Licht

    #6DBFDA

  • Geel

    #E3CC00

  • Oranje

    #E3B500

  • Zwart

    #222222

  • Grijs

    #868383

  • Grijs - Licht

    #F0F0F0

  • Grijs - Schaduw

    #FAFAFA

  • Wit

    #FFFFFF

Headings

Heading 1 - Hind SemiBold, 50px

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci amet autem blanditiis doloremque eaque harum illo labore laudantium minima nisi nulla odit omnis, perspiciatis porro provident quam quidem tempora vel?

Heading 2 - Hind SemiBold, 36px

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci amet autem blanditiis doloremque eaque harum illo labore laudantium minima nisi nulla odit omnis, perspiciatis porro provident quam quidem tempora vel?

Heading 3 - Hind SemiBold, 26px

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci amet autem blanditiis doloremque eaque harum illo labore laudantium minima nisi nulla odit omnis, perspiciatis porro provident quam quidem tempora vel?

Heading 4 - Hind SemiBold, 17px

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci amet autem blanditiis doloremque eaque harum illo labore laudantium minima nisi nulla odit omnis, perspiciatis porro provident quam quidem tempora vel?

Heading 5 - Hind SemiBold, 16px

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci amet autem blanditiis doloremque eaque harum illo labore laudantium minima nisi nulla odit omnis, perspiciatis porro provident quam quidem tempora vel?

Heading 6 - Hind SemiBold, 16px

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci amet autem blanditiis doloremque eaque harum illo labore laudantium minima nisi nulla odit omnis, perspiciatis porro provident quam quidem tempora vel?

Quotes

'Blockquote - Hind Bold, 36px Wij zorgen voor een adequate en duurzame verwerking van ingezamelde afvalstromen door Zeeuwse gemeenten'
'Blockquote - Hind Bold, 36px Wij zorgen voor een adequate en duurzame verwerking van ingezamelde afvalstromen door Zeeuwse gemeenten'

Teksten

Dit is de normale looptekst - Hind Regular, 16px, Regelafstand 28px Adipisci amet autem blanditiis doloremque eaque harum illo dit is een link in de tekst, perspiciatis porro provident quam quidem tempora vel? Lorem ipsum dolor sit amet, deze tekst is dikgedrukt. Adipisci amet autem blanditiis doloremque eaque harum illo labore laudantium deze tekst is schuingedrukt, perspiciatis porro provident quam quidem tempora vel?

Tekst elementen

  • Hind Regular, 16px, Regelafstand 40px
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aspernatur at, dolor ea et exercitationem fugiat harum ipsam maxime, minus nam natus necessitatibus nisi officia quibusdam, quidem quod sunt suscipit.
  • Labore laudantium minima nisi nulla
  1. Lorem ipsum dolor sit amet
  2. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aspernatur at, dolor ea et exercitationem fugiat harum ipsam maxime, minus nam natus necessitatibus nisi officia quibusdam, quidem quod sunt suscipit.
  3. Labore laudantium minima nisi nulla

Buttons

.btn .btn--primary .btn--secondary .btn--reversed
Button Button primary Button secondary Button reversed

USP's

  • Hind Semibold, 20px, Regelafstand 50px
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aspernatur at, dolor ea et exercitationem fugiat harum ipsam maxime, minus nam natus necessitatibus nisi officia quibusdam, quidem quod sunt suscipit.
  • Labore laudantium minima nisi nulla
  • Labore laudantium minima nisi nulla
  • Labore laudantium minima nisi nulla

Downloads

  • Hind Semibold, 20px, Regelafstand 50px
  • Labore laudantium minima nisi nulla
  • Labore laudantium minima nisi nulla
  • Labore laudantium minima nisi nulla
  • Labore laudantium minima nisi nulla
  • Labore laudantium minima nisi nulla

News - Box landscape

Box pretitle Box title
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus beatae, deserunt distinctio dolores eum explicabo facere illo ipsa ipsam, possimus quaerat similique soluta? Consequuntur cupiditate magni possimus rem sequi voluptatibus?
Button

Item - Box standard

Box title
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus beatae, deserunt distinctio dolores eum explicabo facere illo ipsa ipsam, possimus quaerat similique soluta? Consequuntur cupiditate magni possimus rem sequi voluptatibus?
Button

Map - Box primary

Overzicht deelnemende gemeenten
Bekijk het overzicht