Template

visual consistency

Style guide

A structured design foundation ensuring consistency across all pages. Well-defined system to maintain visual consistency and balance.

Colors & brand accent settings

Typography

Layouts, sizing, actions

Brand Accent primary color

Brand Accent secondary color

Primary 10

Primary 50

Primary 100

Primary 200

Primary 300

Primary 400

Primary 500

Primary 600

Primary 700

Primary 800

Primary 900

Primary 950

Secondary 10

Secondary 50

Secondary 100

Secondary 200

Secondary 300

Secondary 400

Secondary 500

Secondary 600

Secondary 700

Secondary 800

Secondary 900

Secondary 950

Neutral 0

Neutral 50

Neutral 100

Neutral 200

Neutral 300

Neutral 400

Neutral 500

Neutral 600

Neutral 700

Neutral 800

Neutral 900

Neutral 950

Body Background

Body Background Dark

Light Subtle

Light Base

Light Strong

Dark Subtle

Dark Base

Dark strong

Headings

H1 Base Heading

H2 Base Heading

H3 Base Heading

H4 Base Heading

H5 Base Heading

H6 Base Heading

Custom Headings

Heading Custom / is 2XLarge

Heading Custom / is XLarge

Heading Custom / is Large

Heading Custom / is Medium

Heading Custom / is Small

Heading Custom / is XSmall

Heading Custom / is 2XSmall

Heading bold

Heading Custom / is 2XLarge

Heading Custom / is XLarge

Heading Custom / is Large

Heading Custom / is Medium

Heading Custom / is Small

Heading Custom / is XSmall

Heading Custom / is 2XSmall

Default paragraph

Use this paragraph style for standard body copy. It’s optimized for readability, spacing, and long-form content across pages and CMS templates.

Custom Paragraph

Use this variant for supporting descriptions, captions, and secondary content where you want a slightly different rhythm.

Bold Paragraph

Use bold paragraphs for emphasis - introductions, key takeaways, and short statements that should stand out.

Rich Text Block

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Use this paragraph style for standard body copy. It’s optimized for readability, spacing, and long-form content across pages and CMS templates. Use this paragraph style for standard body copy. It’s optimized for readability, spacing, and long-form content across pages and CMS templates.