Minneapolis · Twin Cities · Elk River, MN

Northface Construction

A navy-and-gold exterior-remodeler system extracted from northfaceconstruction.com. Angled SVG slant dividers, a blue multiply CTA wash, an uppercase `.micro` heading label, and real Minnesota-home photography. Roofing, siding, gutters, windows, and storm-damage repair.

Sourcenorthfaceconstruction.com
TypeRoofing · exterior remodeler
Primary#122b75 · #edb32b
Captured2026-07-24

Start here

Design System

Tokens, type ramp, buttons, cards, signature patterns.

Sections

25 patterns, every one extracted from the live site.

Homepage

The flagship composition, hero to footer, assembled from the catalog.

Brand Spec

Voice anchors, extraction notes, forbidden list, library position.

Files in this kit

_shared.cssTokens + every component class. All pages link only this.
palettes.jsonTwin Cities (canonical) · Slate Harbor · Pine Brass · Graphite Amber.
brand-spec.mdVoice, color extraction, type rationale, forbidden.
design-system.htmlKitchen-sink reference.
sections.html25-pattern block library, all signature.
homepage.htmlFlagship demo page.
landing-1-roofing.htmlAudience landing · residential roofing.
landing-2-siding.htmlAudience landing · siding.
landing-3-storm-damage.htmlAudience landing · storm-damage repair.
pages.htmlGallery linking all four compositions.
assets/northface-construction-brand/Logo (color + white knockout), 10 photos, BBB badge.

Quick characterizations

Vibe
Weather-tested, family-first, local-Minnesota exterior craft.
Audience
Twin Cities homeowners whose exteriors take hail, wind, and snow; storm-damage and insurance-claim customers.
Voice anchors (verbatim)
"Protecting Minneapolis Families with Trusted Roofing & Exteriors" · "Built for Minnesota Weather: Hail, Wind, Snow & Everything Between" · "Devoted To Serving Families In Minnesota"
Forbidden
Bootstrap-blue #0d6efd (dead token) · color logo on dark grounds · colored words inside headlines · no heading-label device except the documented .micro · sharp-cornered CTAs.
Mood keywords
weather-testedfamily-firstlocal-Minnesotatrust-ledexterior-craft