Color

#00a0af

#262f36

#877F6D

#00a0af

Typography

H1 - Font Family + Weight | clamp(3.375rem, 10vw, 5.063rem) | line height: 1.125 | letter spacing: -0.05rem

Cupcake ipsum dolor sit amet candy canes. Apple pie gummies sugar plum caramels lollipop chocolate cake carrot cake jelly beans. Tootsie roll cake cake sesame snaps. Candy canes jujubes donut danish tart tart pie. Cookie sugar plum liquorice donut tootsie roll pastry dragée biscuit. Ice cream jelly beans soufflé jujubes tiramisu sweet apple pie cheesecake lollipop.

H2 - Font Family + Weight | clamp(2.25rem,4.5vw,3.375rem) | line height: 1.2 | letter spacing: -0.02rem

Cupcake ipsum dolor sit amet candy canes. Apple pie gummies sugar plum caramels lollipop chocolate cake carrot cake jelly beans. Tootsie roll cake cake sesame snaps. Candy canes jujubes donut danish tart tart pie. Cookie sugar plum liquorice donut tootsie roll pastry dragée biscuit. Ice cream jelly beans soufflé jujubes tiramisu sweet apple pie cheesecake lollipop.

H3 - Font Family + Weight | clamp(1.5rem,3vw,2.25rem) | line height: 1.3 | letter spacing: -0.01rem

Cupcake ipsum dolor sit amet candy canes. Apple pie gummies sugar plum caramels lollipop chocolate cake carrot cake jelly beans. Tootsie roll cake cake sesame snaps. Candy canes jujubes donut danish tart tart pie. Cookie sugar plum liquorice donut tootsie roll pastry dragée biscuit. Ice cream jelly beans soufflé jujubes tiramisu sweet apple pie cheesecake lollipop.

H4 - Font Family + Weight | clamp(1.125rem,2.1vw,1.5rem) | line height: 1.4 | letter spacing: default

Cupcake ipsum dolor sit amet candy canes. Apple pie gummies sugar plum caramels lollipop chocolate cake carrot cake jelly beans. Tootsie roll cake cake sesame snaps. Candy canes jujubes donut danish tart tart pie. Cookie sugar plum liquorice donut tootsie roll pastry dragée biscuit. Ice cream jelly beans soufflé jujubes tiramisu sweet apple pie cheesecake lollipop.

H5 - Font Family + Weight | clamp(1rem, 1.7vw, 1.125rem) | line height: 1.5 | letter spacing: default

Cupcake ipsum dolor sit amet candy canes. Apple pie gummies sugar plum caramels lollipop chocolate cake carrot cake jelly beans. Tootsie roll cake cake sesame snaps. Candy canes jujubes donut danish tart tart pie. Cookie sugar plum liquorice donut tootsie roll pastry dragée biscuit. Ice cream jelly beans soufflé jujubes tiramisu sweet apple pie cheesecake lollipop.

H6 - Font Family + Weight | clamp(1rem, 1.7vw, 1.125rem) | line height: 1.5 | letter spacing: default

Cupcake ipsum dolor sit amet candy canes. Apple pie gummies sugar plum caramels lollipop chocolate cake carrot cake jelly beans. Tootsie roll cake cake sesame snaps. Candy canes jujubes donut danish tart tart pie. Cookie sugar plum liquorice donut tootsie roll pastry dragée biscuit. Ice cream jelly beans soufflé jujubes tiramisu sweet apple pie cheesecake lollipop.

Text-L - Font Style Weight | clamp(1.125rem, 2.1vw, 1.5rem) | line height: 1.5 | letter spacing: default

Text-M - Font Style Weight | clamp(1.125rem, 1.9vw, 1.25rem) | line height: 1.6 | letter spacing: default

Text-S - Font Style Weight | 1rem | line height; 1.625 | paragraph spacing: 2.25rem | letter spacing: default

Call Outs - Font Style Weight | clamp(1rem, 1.7vw, 1.125rem) | line height: 1.5| letterspacing: default

Breadcrumbs & Taglines - Font Style Weight | .875rem | line height: 1.625 | letter spacing: 0.1rem

Captions - Font Style Weight | .875rem | line height: 1.5 | letter spacing: 0.02rem

Quote

Post-Title-L - Font Style Weight | clamp(2.25rem,4.5vw,3.375rem) | line height: 1.2 | letter spacing: -0.02rem

Post-Title-M - Font Style Weight | clamp(1.5rem,3vw,2.25rem) | line height: 1.3 | letter spacing: 0.01rem

Post-Title-S - Font Style Weight | clamp(1.125rem,2.1vw,1.5rem) | line height: 1.4 | letter spacing: default

Post-Title-XS - Font Style Weight | clamp(1rem,1.7vw,1.125rem) | line height: 1.5 | letter spacing: default

Spacing

.5 rem

1 rem

1.5 rem

2 rem

3 rem

4 rem

6 rem

8 rem

1 rem

1.5 rem

2.25 rem

3.375 rem

5.063 rem

7.594 rem

XS - min(1rem,1%)

S - min(1.5rem, 2.5%)

M - min(2.25rem,5%)

L - min(3.375rem,7.5%)

XL - min(5.063rem,10%)

XXL - min(7.594rem,15%)

XS - min(1rem,1vw)

S - min(1.5rem, 2.5vw)

M - min(2.25rem,5vw)

L - min(3.375rem,7.5vw)

XL - min(5.063rem,10vw)

XXL - min(7.594rem,15vw)

1%

2.5%

5%

7.5%

10%

15%

20%

Links

Internal Link Example External Link Example

Buttons

Primary CTA Secondary CTA Button #1

Box Shadow | Border | Radius

Box Shadow

Border Radius

List

List Item #1
List Item #2
List Item #3