Typography

Neue Haas Unica, Monotype
Medium
Adobe Fonts

Headers

H1

Element

Class

H2

Element

Class

H3

Element

Class

H4

Element

CLASS

H5

Element

Class

H6

Element

Class

p

Text size is small

Text size is medium

Text size is large

Lists

Ordered list

Item list
Item list
Item list
Item list

unOrdered list

Item list
Item list
Item list
Item list

Rich text

Heading

“Make it count” sums up our whole approach. Whether we are looking at design, copywriting or illustrations, we are all about emotional triggers that lead to action.

Item list
Item list
Item list
Item list

Heading

“Make it count” sums up our whole approach. Whether we are looking at design, copywriting or illustrations, we are all about emotional triggers that lead to action.

Item list
Item list
Item list
Item list

Colors

Brand

Text

Elements

Interactive elements are a prompt on a website that tells the user to take some specified action. A call to action is typically written as a command or action phrase, such as ‘Sign Up’ or ‘Buy Now’ and generally takes the form of a button or hyperlink.

Call to action

Buttons

Primary

Secondary

Links

Link text

Form

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

Layout

The website is based on a 12-col-grid. Easy adjustable on all breakpoints.

‍
‍

Elements

PAGE-WRAPPER

main-WRAPPER

PAGE-PADDING

Container

Row

Col

Desktop

col-lg-1

col-lg-11

col-lg-2

col-lg-10

col-lg-3

col-lg-9

col-lg-4

col-lg-8

col-lg-5

col-lg-7

col-lg-6

col-lg-12

Tablet

col-md-1

col-md-11

col-md-2

col-md-10

col-md-3

col-md-9

col-md-4

col-md-8

col-md-5

col-md-7

col-md-6

col-md-12

md-no-margin

Landscape

col-sm-1

col-sm-11

col-sm-2

col-sm-10

col-sm-3

col-sm-9

col-sm-4

col-sm-8

col-sm-5

col-sm-7

col-sm-6

col-sm-12

sm-no-margin

Mobile

col-xs-1

col-xs-11

col-xs-2

col-xs-10

col-xs-3

col-xs-9

col-xs-4

col-xs-8

col-xs-5

col-xs-7

col-xs-6

col-xs-12

xs-no-margin

Margin 1/2 col

col

Align start

align-start

Align center

align-center

Align end

align-end

Align stretch

align-stretch

Justify start

Justify center

Justify end

Justify between

Justify around

Spacing

padding-SECTIOn-LARGE

PADDING-SECTION-MEDIUM

PADDING-SECTION-SMALL

padding-BOTTOM-XXLARGE

PADDING-BOTTOM-LaRGE

PADDING-BOTTOM-medium

PADDING-BOTTOM-SMALL

Overflow

overflow-auto

overflow-hidden

overflow-scroll

Display

md-hide

sm-hide

xs-hide