Typography

Heading 1

H1: montserrat, 700, 48px (desktop) 40px (tablet & mobile)
line height: 16px
letter spacing: 0.5px

Heading 2

H2: montserrat, 700, 36px (desktop) 26px (tablet & mobile)
line height: 20px
letter spacing: 0.5px

Heading 3

H3: montserrat, 400, 24px (desktop & tablet), 22px (mobile)
line height: 20px
letter spacing: 1px;

Heading 4

H4
Smaller heading
Smaller: montserrat, 700, 29px (desktop, tablet, mobile)
line height: 16px
letter spacing: 1px

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.

Paragraph: bitter, 15px, 400.
line height 16px
Lorem ipsum dolor sit amet
Block Quote
Lorem ipsum
Text Link
Upptäck Mer
Button
Om oss
Secondary button
View Project
Button

Color

Text colors

font color - dark
#000000
font color - Light
#FFFFFF

Main colors

metallic pink
#fd968f
Web Pink
#63ecc0
affordable pink
#F9E9E6
rebel green
#00696a
soft green
#ffb08b
Quality off white
#f9f5ee

Neutral colors

light gray
#ebebeb
other gray
#636363
quality off white
#cccccc
darkest gray
#333333

Logo

Form Components

Name
Email
Message
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form

Content Grid

Container max width: 1100px
grid: 8 columns: 16px (desktop & tablet)
mobile collapses down to 1 column
main content 6 columns middle (unless neded to break into full 8 columns)