CMS styleguide

Text formats

Heading font sizes:

Heading 1 – 64px

Juliana Drivhuse er en favorit i Skandinavien

Heading 2 – 56px

Juliana Drivhuse er en favorit i Skandinavien

Heading 3 – 48px

Juliana Drivhuse er en favorit i Skandinavien


System state texts:

Succes message

Warning message

Error message


Title font sizes:

Title 2XL – 64px

Juliana Drivhuse er en favorit i Skandinavien

Title XL – 56px

Juliana Drivhuse er en favorit i Skandinavien

Title LG – 48px

Juliana Drivhuse er en favorit i Skandinavien

Title MD – 40px

Juliana Drivhuse er en favorit i Skandinavien

Title SM – 32px

Juliana Drivhuse er en favorit i Skandinavien

Title XS – 24px

Juliana Drivhuse er en favorit i Skandinavien


Body font sizes:

Body LG – 16px

Juliana Drivhuse er en favorit i Skandinavien

Body MD – 14px

Juliana Drivhuse er en favorit i Skandinavien

Body SM – 12px

Juliana Drivhuse er en favorit i Skandinavien


Colors

Font colors:

Dark text

Juliana Drivhuse er en favorit i Skandinavien

Dark grey text

Juliana Drivhuse er en favorit i Skandinavien

Grey text

Juliana Drivhuse er en favorit i Skandinavien


Background colors:

Background 1 – #F7F6EF

Background 2 – #F0EDDE

Background 3 – #008734

Background 4 – #003A16

Background 5 – #04520C

Background 6 – #045238


Button types

Regular buttons:

Button Primary

Button Dark Outline

Dark Outline

Button Light Outline

Light Outline

Button Primary Large

Button Dark Outline Large

Button Light Outline Large

Light Outline Large

Button White

Button White Large

Button Ghost

Button Ghost Large


Text buttons:

Button Primary text

Button Dark text

DARK TEXT

Button Light text

LIGHT TEXT

Spacings

Sizes:

2XSmall – 4px

XSmall – 8px

Small – 16px

Medium – 24px

Large – 32px

XLarge – 40px

2XLarge – 48px

3XLarge – 56px

4XLarge – 64px

5XLarge – 72px

6XLarge – 96px

7XLarge – 104px