Integra Pool Covers
Redesign v2 — Cohesive Mockups

9 Pages

Click any card to open the mockup.

Design system at a glance

One CSS file. Nine pages. Zero variance.

Cohesion guarantees

What this fixes vs. staging

Six concrete problems resolved in v2.

• Color cohesion. Staging mixed multiple blues and grays from different sources. v2 locks to one brand blue (#0057B7) and one navy (#0A2F54) across all nine pages via a single CSS custom-property file.
• Visible high-contrast buttons. Staging CTAs had low contrast and inconsistent sizing. Every button now uses the design system's btn-primary / btn-secondary classes with WCAG AA-compliant contrast ratios.
• Equal-size responsive images. Staging image grids had mismatched heights and aspect ratios. v2 enforces aspect-ratio and object-fit: cover on all image cards so every grid is visually uniform at any viewport width.
• No content gaps. Staging pages had empty sections, placeholder lorem ipsum, and incomplete copy blocks. All nine v2 pages carry full on-brand keyword copy throughout.
• On-brand keyword copy. Staging copy was generic. v2 copy targets pool cover search intent (safety, energy savings, custom fit, local dealer) without prices, tech jargon, or blog-style headlines.
• No bylines or leaked notes. Staging pages occasionally surfaced internal annotations and agent bylines in the rendered HTML. v2 pages are clean for external review — no internal metadata visible in-browser.