• RHS Endorsed
  • PEFC Certified
  • Made in Britain

CMS styleguide

Text formats

Heading font sizes:

Heading 1 – 64px

Gabriel Ash Drivhuse er en favorit i Skandinavien

Heading 2 – 56px

Gabriel Ash Drivhuse er en favorit i Skandinavien

Heading 3 – 48px

Gabriel Ash Drivhuse er en favorit i Skandinavien


System state texts:

Succes message

Warning message

Error message


Handwritten font sizes:

Handmade 2XL – 136px

Gabriel Ash

Handmade XL – 104px

Gabriel Ash

Handmade LG – 96px

Gabriel Ash


Title font sizes:

Title 2XL – 64px

Gabriel Ash Drivhuse er en favorit i Skandinavien

Title XL – 56px

Gabriel Ash Drivhuse er en favorit i Skandinavien

Title LG – 48px

Gabriel Ash Drivhuse er en favorit i Skandinavien

Title MD – 40px

Gabriel Ash Drivhuse er en favorit i Skandinavien

Title SM – 32px

Gabriel Ash Drivhuse er en favorit i Skandinavien

Title XS – 24px

Gabriel Ash Drivhuse er en favorit i Skandinavien


Body font sizes:

Body LG – 16px

Gabriel Ash Drivhuse er en favorit i Skandinavien

Body MD – 14px

Gabriel Ash Drivhuse er en favorit i Skandinavien

Body SM – 12px

Gabriel Ash Drivhuse er en favorit i Skandinavien


Colors

Font colors:

Dark text

Gabriel Ash Drivhuse er en favorit i Skandinavien

Dark grey text

Gabriel Ash Drivhuse er en favorit i Skandinavien

Grey text

Gabriel Ash Drivhuse er en favorit i Skandinavien


Background colors:

Background 1 – #d4d5dc

Background 2 – #c9cbd3

Background 3 – #838798

Background 4 – #27354a

Background 5 – #525d6e

Background 6 – #c48e5c


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