Enter the colors settings

brand Colors

action Colors

boolean Colors

gray Colors

Enter the typographies settings

Font family

Headings

Body

Font size

XXL

XL

L

M

S

XS

Font config

H1HeadingBodyXXLXLLMSXSThin (100)Extra Light (200)Light (300)Regular (400)Medium (500)Semi Bold (600)Bold (700)Extra Bold (800)Heavy (900)

H2HeadingBodyXXLXLLMSXSThin (100)Extra Light (200)Light (300)Regular (400)Medium (500)Semi Bold (600)Bold (700)Extra Bold (800)Heavy (900)

H3HeadingBodyXXLXLLMSXSThin (100)Extra Light (200)Light (300)Regular (400)Medium (500)Semi Bold (600)Bold (700)Extra Bold (800)Heavy (900)

H4HeadingBodyXXLXLLMSXSThin (100)Extra Light (200)Light (300)Regular (400)Medium (500)Semi Bold (600)Bold (700)Extra Bold (800)Heavy (900)

H5HeadingBodyXXLXLLMSXSThin (100)Extra Light (200)Light (300)Regular (400)Medium (500)Semi Bold (600)Bold (700)Extra Bold (800)Heavy (900)

BodyHeadingBodyXXLXLLMSXSThin (100)Extra Light (200)Light (300)Regular (400)Medium (500)Semi Bold (600)Bold (700)Extra Bold (800)Heavy (900)

SmallHeadingBodyXXLXLLMSXSThin (100)Extra Light (200)Light (300)Regular (400)Medium (500)Semi Bold (600)Bold (700)Extra Bold (800)Heavy (900)

Enter the spacing settings

Minimum Spacing Unit

Spacing Units

XS spacing unit

S spacing unit

M spacing unit

L spacing unit

XL spacing unit

XXL spacing unit

Responsive Multiplier Unit

Mobile unit

Tablet unit

Desktop unit

Enter the border settings

Border Style

SolidHiddenDottedDashedDoubleGrooveRidgeInsetOutsetNone

Border Width

Border Radius

Round

Rounded

Sharp

Create CSSDelete