Primary Color
Primary
#ff4c67
Primary ALT
#e2334e
Styleguide
On this page you can browse and customise colors, typography and main design elements.
Colors
Primary Color Opacity Variations
Primary 10%
#ff4c67
Primary 5%
#ff4c67
Neutral Colors
Neutral 900
#242325
Neutral 800
#373638
Neutral 700
#515052
Neutral 600
#6b6b70
Neutral 500
#afafb4
Neutral 300
#d5d5db
Neutral 300
#e7e7eb
Neutral 200
#f4f4f5
Neutral 100
#ffffff
Neutral Colors Opacity Variations
Neutral 900 7%
#242325
Neutral 900 14%
#242325
Typography
Text Sizes
Regular Text
Bold Text
Text Size Tiny
Text Size Small
Text Size Normal (Body Size)
Text Size Medium
Text Size Large
Text Size Xlarge
Text Size XXlarge
Text Size XXXlarge
Text Size Huge
Text Size Extreme
Text Colors
Neutral 900 (Body Color)
Neutral 900 (Body Color)
Neutral 800
Neutral 700
Neutral 600
Neutral 500
Neutral 400
Neutral 300
Neutral 200
Neutral 100
Rich text
Heading H1 – Aa Bb Cc, 123
Heading 1 - 48px/1.25
Heading H2 – Aa Bb Cc, 123
Heading 2 - 32px/1.25
Heading H3 – Aa Bb Cc, 123
Heading 3 - 24px/1.25
Heading H4 – Aa Bb Cc, 123
Heading 4 - 18px/1.25
Heading H5 – Aa Bb Cc, 123
Heading 6 - 16px/1.25
Heading H6 – Aa Bb Cc, 123
Heading 6 - 14px/1.25
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 commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Paragraph
Link
Bold - Lorem ipsum dolor sit amet
Bold text
Italic - Lorem ipsum dolor sit amet
Italic text
Italic - Lorem ipsum dolor sit amet
Quote
- Lorem ipsum dolor sit amet, consectetur adipiscing elit.
- Lorem ipsum dolor sit amet, consectetur.
- Lorem ipsum dolor sit amet, consectetur adipiscing.
Unordered list
- Lorem ipsum dolor sit amet, consectetur adipiscing elit.
- Lorem ipsum dolor sit amet, consectetur.
- Lorem ipsum dolor sit amet, consectetur adipiscing.
Ordered list
Figure