Colors
Purples
Footer BG
Darkest Purple
#121431
Footer BG
Dark Purple
#1D174E
Title color
Vivid Purple
#5E2BFF
Illustration
Light Purple
#D7C8FA
Backgrounds
Light BG
Light
#FFFCF8
Illustration
Sand
#FFF1DE
Text colors
Text Darkest
Text Darkest
#071013
Text Dark
Text Dark
#666666
Text Grey
Text Grey
#CCCCCC
Typography
Titles
H1 L Bold / 110px / Family Heavy
H1 M Bold / 60px / Family Heavy
H1 M Reg / 60px / Family Regular
H2 M Bold / 40px / Family Heavy
H2 M Reg / 40px / Family Regular
H3 M Bold / 32px / Family Heavy
Body text
Body L Reg / 24px / Aeonik Regular
Body M Reg / 16px / Aeonik Regular
Body M Bold/ 16px / Aeonik Bold / UPPERCASE
Body M Reg / 14px / Aeonik Regular
Guides and spacing
Grid for Main Desktop layouts
1224px Total width / 12x 80px wide columns with 24px Spacing
600px Total width / 6x 80px wide columns with 24px Spacing
496px Total width / 5x 80px wide columns with 24px Spacing
392px Total width / 4x 80px wide columns with 24px Spacing
Horizontal spacing: 24px
Vertical spacing: 36px
Components
Buttons
Button Normal
Button Small
Header
Footer
Nordre Teglkaj 24. STTH.
2450 Sydhavn
Denmark
Rasmus
Noah Hansen
Ranunkelvej 2
3390 Hundested
Denmark
Rasmus
Noah Hansen
Ranunkelvej 2
3390 Hundested
Denmark
Rasmus Noah Hansen
Blocks
Publication
Title for an article
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea...
Block / Expectation
Case study
Title for an article
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea...
Block / Expectation
Block / Expectation / Left
Psychological Safety
Building the foundation for teams to thrive and collaborate effectively.
Used in horizontal group with variant "Others" and has strokes on all sides
Block / Expectation / Others
Psychological Safety
Building the foundation for teams to thrive and collaborate effectively.
Used in horizontal group with variant "Left" and has strokes on all sides except left
Team Development
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.
Block / Service