Pegasus styleguide

Colors

Primary colors

vermilion
mine-shaft

Secondary colors

mine-shaft-2
robin-eggs
teal
malachite
nassau
tia-maria

Greyscale colors

abbey
boulder
chalice
dusty
silver
alto
mercury-2
mercury
gallery
concrete
alabaster
alabaster-2

Typography

Headings

This is a h1 title

This is a h2 title

This is a h3 title

This is a h4 title

This is a h5 title
This is a h6 title

Body text

This is a page intro, consectetur adipisicing elit. Beatae, delectus, nulla? Commodi consequuntur.

This is intro text, consectetur adipisicing elit. Beatae, delectus, nulla? Commodi consequuntur.

This is body text, consectetur adipisicing elit. Beatae, delectus, nulla? Commodi consequuntur.

Vanaf het eerste moment dat je begint met trappen, je dagelijkse rit naar werk of school of bij elke berg die je beklimt.

Checklist

  • NuVinci N330 traploze versnelling
  • Veiligheid en controle
  • Hydraulische Shimano schijfremmen
  • Klantenbeoordeling 9.4 uit 24.181 reviews

Checklist met ster

  • NuVinci N330 traploze versnelling
  • Veiligheid en controle
  • Hydraulische Shimano schijfremmen
  • Klantenbeoordeling 9.4 uit 24.181 reviews

Normale lijst

  • NuVinci N330 traploze versnelling
  • Veiligheid en controle
  • Hydraulische Shimano schijfremmen
  • Klantenbeoordeling 9.4 uit 24.181 reviews

Numerieke lijst

  1. NuVinci N330 traploze versnelling
  2. Veiligheid en controle
  3. Hydraulische Shimano schijfremmen
  4. Klantenbeoordeling 9.4 uit 24.181 reviews

Buttons

Transparante buttons

btn--milk-robin-eggs

Deze button heeft extra breedte aan weerszijden

btn--wide
btn--milk-mine-shaft-2

Deze button heeft de maximum breedte

btn--block

Deze buttons vullen op mobiele resoluties samen de hele breedte en zijn daar gelijk qua breedte

Vergelijken Vind een dealer!

Forms

Standaard formulier

Form error

Form success

Form met directe submit

Icons

Primary logo

Other icons

icon-check-circle

icon-find-dealer

icon-hours

icon-checkmark

icon-check-circle

icon-chevron-down

icon-chevron-left

icon-chevron-right

icon-chevron-up

icon-close

icon-download

icon-facebook

icon-heart

icon-instagram

icon-less

icon-location

icon-logo-background-footer

icon-mail

icon-marker-pin

icon-more

icon-pegasus

icon-phone

icon-pipette

icon-play

icon-quote

icon-search

icon-star

icon-swipe

icon-twitter