Style Guide

Wootz Work — Brand Typography, Colors & Components

Typography

H1 — 4rem

Heading One

H2 — 3rem

Heading Two

H3 — 2.25rem

Heading Three

H4 — 1.75rem

Heading Four

H5 — 1.25rem
Heading Five
H6 — 1rem
Heading Six
Body — 1rem

We operate as an integrated manufacturing base for the world governed by engineering discipline and digital control. This is body text used for paragraphs and descriptions.

Small — 0.875rem
Small text used for captions, labels, and supporting information.

Color Palette — Primary

Primary Dark
#1A6798
Primary
#2979A5
Primary Light
#4D9DC1
Primary Lighter
#69B2CC
Primary Lightest
#96CDD6

Color Palette — Neutrals

Black
#221F20
Dark Green
#223E32
Gray
#C6CECE
Light Gray
#DCE0E0
Lighter Gray
#EBECEC

Color Palette — Warm & Accent

Gold
#EDC670
Cream
#F4EFD9
Light Cream
#F4F1E4
Warm White
#F4F2E9
Off White
#FAFAF8

Buttons

Discover
→
Discover
→
Discover
→

Form Elements

Full Name
Enter your name...
Email Address
Enter your email...
Phone Number
+1 (555) 000-0000
Message
Type your message here...

Cards & Components

Image Placeholder
Card Title
Brief description text for this card component. Use for features, services, or content blocks.
Image Placeholder
Card Title
Another card example showing how content is displayed within the card component layout.
Image Placeholder
Card Title
Third card variation demonstrating consistent styling across multiple instances of the component.