Internal reference — not indexed

Silver Loon Brand Colors

Eight tokens. Each maps to a CSS custom property on :root and a Tailwind v4 utility class. No hex values appear in components — everything references a token. Use Signal Red sparingly.

Brand Colors

Northern Lake Blue, Loon Black, Signal Red. The three colors that carry the brand.

#0F2A44

Northern Lake Blue

--color-primary

bg-primarytext-primaryborder-primary

Primary brand color. Main backgrounds, nav, section headers.

#0A1929

Loon Black

--color-primary-dark

bg-primary-darktext-primary-darkborder-primary-dark

Deep emphasis. Footer backgrounds, darkest heading text.

#B43D3D

Signal Red

--color-accent

bg-accenttext-accentborder-accent

Loon's red eye — primary CTAs only. Estimate buttons, urgent alerts.

Neutral Colors

Brushed Silver, Morning Mist, Charcoal, True White, Deep Black. Supporting palette — backgrounds, text, borders.

#B8BEC4

Brushed Silver

--color-secondary

bg-secondarytext-secondaryborder-secondary

Loon-wing silver. Borders, dividers, supporting UI elements.

#E8EDF2

Morning Mist

--color-tertiary

bg-tertiarytext-tertiaryborder-tertiary

Pale cool background. Alternate section bg, subtle cards.

#1F2937

Charcoal

--color-charcoal

bg-charcoaltext-charcoalborder-charcoal

Body text neutral. Paragraphs, captions, secondary headings.

#FFFFFF

True White

--color-white

bg-whitetext-whiteborder-white

Surface color. Card backgrounds, page background default.

#000000

Deep Black

--color-black

bg-blacktext-blackborder-black

High-contrast only. Rare — logos on light bg, print contexts.

Typography

Display — Plus Jakarta Sans (--font-display)

Level 1 — h1

Level 2 — h2

Level 3 — h3

Level 4 — h4

Body — Inter (--font-body)

Base body text. Princeton roofing crews handle 40-year shingle systems through the Rum River corridor ice dam season, November through March.

Small / caption text. 10-year workmanship warranty on all replacements.

Lead text. Mille Lacs Lake roofing specialists.

Token Quick Reference

Name	CSS Variable	Hex	Tailwind utilities
Northern Lake Blue	--color-primary	#0F2A44	bg-primary / text-primary
Loon Black	--color-primary-dark	#0A1929	bg-primary-dark / text-primary-dark
Signal Red	--color-accent	#B43D3D	bg-accent / text-accent
Brushed Silver	--color-secondary	#B8BEC4	bg-secondary / text-secondary
Morning Mist	--color-tertiary	#E8EDF2	bg-tertiary / text-tertiary
Charcoal	--color-charcoal	#1F2937	bg-charcoal / text-charcoal
True White	--color-white	#FFFFFF	bg-white / text-white
Deep Black	--color-black	#000000	bg-black / text-black

Brand Components

Placeholder loon-motif logo components. Inline SVG — no image files. All fills driven by CSS custom properties; no hardcoded hex.

LogoMark — all sizes × variants

dark / sm

dark / md

dark / lg

dark / xl

light / sm

light / md

light / lg

light / xl

mono / sm

mono / md

mono / lg

mono / xl

LogoWordmark — md and lg, dark variant

Silver LoonRoofing

LogoFull — lg, dark variant

Silver LoonRoofing

Rooted in the North. Built to Last.