Every token, swatch, type spec, button, and primitive. Source-of-truth for the VIP Remodeling brand kit. All values mirror vipremodelingaz.com.
Three pigments, no more. Navy carries 80% of the system, cream is the page, gold is the singular accent. Adding a fourth color is the fastest way to break the brand.
--vip-navyPlayfair Display does all display work. Manrope does all body. Cormorant Garamond — italic only — handles the editorial kicker phrases. Never substitute Manrope-italic for Cormorant.
Elevating Spaces.
The Art of Perfection.
Bespoke kitchen renovations.
Our Disciplines
A standard bathroom remodel typically takes 3–4 weeks. We use that time to set bookmatched stone, source brass fixtures, and verify every transition before it sets.
The most identifiable typographic pattern. Use to open every major section.
All buttons are border-radius 999px, padding 14×28 (lg: 18×36), tracking 0.08em, uppercase. Arrow icons shift 4px on hover.
<span class="eyebrow gold with-bar">...</span>Crafted with meticulous attention. Or use a thin underline.
Bespoke kitchen renovations featuring custom cabinetry and state-of-the-art appliances.
Explore → 02Transforming spaces into luxurious spa-like sanctuaries with custom tilework.
Explore → 03Intricate custom tilework — bookmatched stone, mosaic walls, walk-in wet rooms.
Explore →"VIP Remodeling did an outstanding job. Dmitriy is always available and very responsive. Tile is done to perfection."
John Barnes
Posted on Google
"The craftsmanship reflects a level of pride and precision that is increasingly rare."
Michael Dokich
Posted on Google
No boxed inputs. Bottom border only — turns gold on focus. Labels are uppercase eyebrow style above the field.
| Token | Value | Where |
|---|---|---|
--container | 1240px | Max content width |
--gutter | clamp(1.5rem, 4vw, 3.5rem) | Horizontal padding |
section padding | clamp(3rem, 5vw, 5rem) block | Magazine pacing — generous |
card padding | 36px 32px 32px | Service & value cards |
grid gap | 24px (default) · 32px (gap-md) · 48px (gap-lg) | Component grids |
section-head gap | 14px | Between eyebrow, kicker, title |
border-radius | 0 (cards) · 999px (buttons, pills) | Square cards, round actions |
Each of these breaks the brand. They aren't taste calls — they're rules.