Design Systems | Website Design Standards

Design System
Blocks
Patterns

Fonts

Bodoni Moda

Weights: Medium

Satoshi

Weights: Regular, Medium, Bold

Colors

Black (Text)
#000000

Heliotrope
#C46BFF

Teal
#00F1FF

Cornflower Blue
#759CFF

Light Gray
#F0F0F0

Medium Gray
#808080

Gradient

Gradient (50% Tint)

Action Colors

Indigo (Action)
#3D1DFF

Action Gradient

Container Widths

Small – 900px

Wide – 1260px

XX-Large – 1560px

Full Bleed – Full Width

Spacing: Margins and Padding

X-Small

Small

Medium

Large

X-Large

XX-Large

XXX-Large