Style Variables

Spacing Units

Margin / Padding / Block Spacing

Desktop

Small

16px

Medium

24px

Large

32px

X-Large

48px

XX-Large

88px

XXX-Large

120px

Mobile

Small

16px

Medium

24px

Large

24px

X-Large

32px

XX-Large

48px

XXX-Large

88px

Grid Variables

Desktop

Column Margins 38px

Container Widths

Default 948px

Wide 1168px

Colors

#BD2388

#CB2592

#2B2B2B

#1A1A1A

#F9F9F9

#FFFFFF

#BEBDBD

#606060

#E9E9E9

#1F4B43

#EE3143

#000000

Fonts

Primary/Headings

Roboto

Bold, Medium, SemiBold

Secondary/Body

Roboto

Regular, Medium

Gradient

background: linear-gradient(#C4FDFF, #D1EBFD , #E3D4FA , #EECCE3 , #FEC0C3);

background: linear-gradient(#4923B4, #E878CF);