Internal Reference
Brand Style Guide
The logo, color palette, typography, and UI components currently in use on dimensionfourpainting.com — kept here as a single reference so new pages stay consistent.
Logo
Use the standard mark on light backgrounds and the white variant on dark or photo backgrounds (footer, hero overlays). Keep clear space around the mark at least equal to the height of the "D" in the wordmark.
Core Palette
Defined as CSS custom properties in src/layouts/Layout.astro — change a value there and it updates everywhere.
D4 Red
Primary brand color — buttons, links, eyebrows
D4 Red Dark
Hover state for red buttons
Ink
Headings, nav, dark UI
Ink Border
Borders on dark surfaces
Body
Body copy
Muted
Secondary / supporting text
Border
Hairlines, card borders
Surface
Alternating section backgrounds
Service Paint Chips
Each of the nine core/specialty services has its own named accent color, used on its service card and intro section. Defined in src/data/services.ts.
Foundation Red
Office Painting
Ironclad
Medical Facility Painting
Muskegon Clay
Residential Painting
Lakeshore Slate
Industrial Painting
Harvest Gold
Machine and Equipment Painting
West Michigan Teal
Industrial Floor Coatings
Autumn Rust
Architectural Specialty Coatings
Dune Sage
Wallcovering Installation
Driftwood
Power Washing Services
Typography
Headings — Barlow
Aa Bb Cc 123
Body — Inter
Aa Bb Cc 123
