Vermeulen Style Guide

Typography

H1 Header

h1: din-condensed / 115px / #000000

H2 Header

h2: din-condensed / 72px / #000000

H3 Header

h3: din-condensed / 24px / #000000

H4 Header

h4: din-condensed / 22px / #000000

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Intro: Austin Web / 36px / #000000

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Testimonial: Austin Web / 36px / #000000

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Subtitle: Austin Web / 28px / #000000

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Paragraph: NationalWeb-Book / 18px / #000000

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Link: NationalWeb-Book / 18px / #000000

Link 1 Link 2

Footer link: din-condensed / 24px / #58595b

Colors

#ffca2b
$primary-color

#d2137f
$secondary-color

#F15F4E
$active-color

#cdcdce
$light-grey

#58595b
$grey-color

#5a4da0
$color-tech

#92c6b1
$color-talent

Buttons


Common button



Button in the block

Button.

Button in the block

Design elements


Gradient: 21px (10.5px mobile) / linear-gradient(to bottom, #5a4ca0 0%, #d2137f 13%, #f15f4e 26%, #f3b129 39%, #92c6b1 50%, #f3b129 61%, #f15f4e 74%, #d2137f 87%, #5a4ca0 100%)



Top Solution section line: 21px




Menu link


Menu link: din-condensed / 72px / #000000

Logos