A reusable kit modeled from vipremodelingaz.com — Arizona's luxury home remodeling contractor, founded and run by Dmitriy. Estate-grade navy + champagne gold + paper cream, Playfair Display + Manrope, with the editorial 3-line section heads and italic-numeral service cards that make the brand recognizable.
Eight files. One system. Every page is standalone-runnable — open and view.
| File | Role | What it gives you |
|---|---|---|
brand-spec.md | Source narrative | Voice anchors verbatim from the live site, color tokens with semantic mapping, signature patterns, forbidden moves, mood keywords, business facts. Read first. |
_shared.css | Tokens + components | ~770 lines — CSS variables, layout grid, buttons, all signature patterns. Every HTML file loads this one stylesheet. |
palettes.json | Palette toggle | 4 palettes: Estate (default navy + gold), Onyx (black + bronze), Desert (sage + terracotta), Stone (putty + bronze). |
design-system.html | Foundations | Every color swatch, type spec, button variant, primitive, form field, and forbidden move. Use as the visual API. |
sections.html | Pattern catalog | 17 reusable sections rendered with verbatim VIP voice — hero-photo, trust-marquee, three-line-head, services-numbered, showcase-grid, philosophy pull-block, process, reviews, FAQ, contact-split, and more. |
pages.html | Page gallery | Thumbnail grid of every full-page composition (homepage + about + services + contact). |
homepage.html | Homepage | Photographic hero · trust marquee · numbered services · showcase grid · philosophy pull-block · stat row · reviews · FAQ · CTA · footer. |
about.html | About / Studio | Typographic hero · Dmitriy story · process steps · stat row · case-study image-left/right alternation · CTA. |
services.html | Services landing | Hero · six service deep-dives (one per discipline) · process · trust marquee · CTA. |
contact.html | Contact | Split contact form + location pills + direct line · service-area map call-out · footer. |
assets/ | Brand assets | 8 real assets pulled from the live site: logo mark, hero living-room photo, 4 interior photos, plus 2 additional residential shots. |
VIP Remodeling is a 20-year-old Phoenix-metro design-build contractor (ROC 345112) — Dmitriy at the helm, 67 verified Google reviews averaging 5★, residential luxury kitchens, baths, and whole-home gut renovations. The brand sits in the Architectural Digest cousin space: navy & gold magazine palette, Playfair Display serif, Manrope sans, Cormorant Garamond italic for editorial kickers. The signature visual move is the three-line section head — eyebrow → italic kicker → display title — repeated at every major beat. Service cards carry italic gold numerals 01–06; the project showcase uses 4:5 portrait tiles with the same numeral chip plus a category-uppercase / project-name pair under a gradient scrim. There is exactly one accent color (gold), exactly one display family (Playfair), and exactly one italic family (Cormorant). Anything else is a slip.
Magazine-paced editorial confidence. Residential luxury without theatre.
Trade-supply orange-and-blue. Not us. VIP runs estate, not aisle.
If a design choice doesn't serve at least two of these, choose the other option.
Pulled verbatim from the live site. Use whenever a copy slot fits.
"Elevating Spaces."
"We craft masterful renovations in Arizona, blending timeless aesthetics with uncompromising quality."
"The Art of Perfection."
"Bespoke Expertise."
"From the first sketch to the final polish, we are with you."
"Premier Remodeling in Arizona."
Short list. Each would dilute the brand's identity.