Style Guide
Visual Language
A practical reference for the colors, type, controls, and content patterns that shape the interface across every screen.
Colors · Type · Components · Patterns
System Manifest
Typography Specimen
Type in Practice
Demonstration of Open Sans applied across semantic scale levels, line lengths, and active link states.
Typeface Assignments
Eyebrow
System Navigation
H1 Display
A clear visual language
H2 Section
Structure creates consistency
H3 Subsection
Details matter
Body Text
Interface harmony relies on consistent baseline alignment, predictable typographic rhythm, and restrained hierarchy across devices.
Inline Link
Color Palette — Global Colors
Exact, scannable reference for registered palette tokens with semantic role classifications and verified hex definitions.
primary color
Primary Color
#f9c65e
secondary color
Secondary Color
#215d69
heading color
Heading Text
#282828
text body color
Body Text
#232323
link color
Link Color
#dda508
accent
Dark Olive
#5c5946
accent
Deep Teal Green
#0e524e
accent
Deep Forest Green
#052d2b
accent
Muted Green
#8a9a74
accent
Cinnamon Brown
#b56c4b
accent
Desaturated Green
#496c63
accent
Burgundy
#812d3d
accent
Off White
#f8f6f0
accent
Avocado Green
#90a845
accent
Pure White
#ffffff
Interactive Elements
UI Elements — Controls & Fields
Demonstration of primary interaction states, button hierarchy, and standardized input surfaces.
Form Controls
Standard inputs feature a 1px neutral border, generous inner hit area, and high-contrast labels.
Compositions
Content Patterns — Reusable Blocks
Structural assemblies built from native Divi modules for consistent feedback, editorial quotation, and content cards.
System update
This pattern highlights important information without interrupting the reading flow, using warm tints and restrained borders.
“Consistency is a quiet form of recognition.”
— Editorial principle
A focused content block
Compact card grouping an introductory thesis statement with an explicit forward link.
Standard Rule Divider
Thin full-width rule calibrated with token-based border tint and generous baseline clearance.