CMS styleguide
Text formats
Heading font sizes:
Heading 1 – 64px
Halls Drivhuse er en favorit i Skandinavien
Heading 2 – 56px
Halls Drivhuse er en favorit i Skandinavien
Heading 3 – 48px
Halls Drivhuse er en favorit i Skandinavien
System state texts:
Succes message
Warning message
Error message
Title font sizes:
Title 2XL – 64px
Halls Drivhuse er en favorit i Skandinavien
Title XL – 56px
Halls Drivhuse er en favorit i Skandinavien
Title LG – 48px
Halls Drivhuse er en favorit i Skandinavien
Title MD – 40px
Halls Drivhuse er en favorit i Skandinavien
Title SM – 32px
Halls Drivhuse er en favorit i Skandinavien
Title XS – 24px
Halls Drivhuse er en favorit i Skandinavien
Body font sizes:
Body LG – 16px
Halls Drivhuse er en favorit i Skandinavien
Body MD – 14px
Halls Drivhuse er en favorit i Skandinavien
Body SM – 12px
Halls Drivhuse er en favorit i Skandinavien
Colors
Font colors:
Dark text
Halls Drivhuse er en favorit i Skandinavien
Dark grey text
Halls Drivhuse er en favorit i Skandinavien
Grey text
Halls Drivhuse er en favorit i Skandinavien
Background colors:
Background 1 – #F2F2F2
Background 2 – #3FA535
Background 3 – #023A36
Background 4 – #00A19A
Background 5 – #006633
Background 6 – #95C11F
Button types
Regular buttons:
Button White
Button White Large
Button Ghost
Button Ghost Large
Text buttons:
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