Components
Keep track on all global components here.
Texts
Heading component
Paragraph component
Rich text component
- Item A
- Item B
- Item C
Images
Aspect Ratio: 1:1
Radius: 100 VW
Aspect Ratio: 3:2
Radius: 1 EM
Aspect Ratio: 16:9
Radius: 0.5 EM
Logos
Logo: Image
Logo: SVG
Icons
Icon: SVG
Size: 6 EM
Icon: Image
Size: 3 EM
Buttons
Eyebrows
Eyebrow
Tags
Tag Base
Tag Inverse
Tag Neutral
Avatars
Ada Raine
Spacing
20 REM
18 REM
16 REM
14 REM
12 REM
10 REM
8 REM
6 REM
4 REM
3 REM
2 REM
1.5 REM
1 REM
0.75 REM
0.5 REM
0.25 REM
Section
Theme: Base
Container: Small
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.
Theme: Inverse
Container: Medium
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.
Form
Navbar