20% OFF with code DEC20

Color Palette

Primary Palette

Black

Yellow

Blue

White

Secondary Palette

30% Yellow

10% Yellow

30% Blue

10% Blue

Functional Palette

Light Gray

Medium Gray

Error Red

Typography

Fonts

Font Heading

ClashGrotesk

Font Body

Barlow

Variants

Title


Heading 1


Heading 2


Heading 3


Heading 4


Heading 5

Heading 6

Body Large Regular


Body Large Bold


Body Small Regular


Body Small Bold


Caption Large Regular


Caption Large Bold


Caption Small Regular


Caption Small Bold


EYEBROW


Button
Link Regular
Link Bold

Buttons

Primary (Yellow) Button
Primary (Blue) Button
Secondary (Black) Button
Secondary (Light) Button
Upload Artwork
Using in Vue

Icon Buttons

Primary
Secondary
Video Controls
Using in Vue

Strokes

Black Stroke


Medium Gray Stroke


Active Stroke


Dotted Stroke


Error Stroke


Links

Link with Arrow
Text Link

Form Fields

Example Vue Form (with all available fields)

Email Sign Up

Product cards

Others

Tab Item