Color Palette

Primary

#000000

Secondary

#666666

Accent

#0066cc

Text

#333333

Background

#ffffff

Muted

#999999

Typography

Heading 1

The Quick Brown Fox

48px / Bold / Line Height: 1.2

Heading 2

The Quick Brown Fox

36px / Semi-Bold / Line Height: 1.3

Heading 3

The Quick Brown Fox

28px / Semi-Bold / Line Height: 1.3

Heading 4

The Quick Brown Fox

22px / Medium / Line Height: 1.4

Heading 5

The Quick Brown Fox

18px / Medium / Line Height: 1.4

Heading 6

The Quick Brown Fox

16px / Medium / Line Height: 1.5

Body Text

This is an example of body text that demonstrates the typography and spacing used throughout the brand. It shows how paragraphs appear and how text flows naturally.

16px / Regular / Line Height: 1.6

Small Text

This is small text used for captions, disclaimers, and secondary information.

14px / Regular / Line Height: 1.5

Buttons

Primary Button

Shop Now

Primary actions, CTAs

Secondary Button

Learn More

Secondary actions

Outline Button

View Details

Tertiary actions

Spacing System

Extra Small

Content

8px

Small

Content

16px

Medium

Content

24px

Large

Content

32px

Extra Large

Content

48px