CVC Web Solutions · June 2026
Two imagery-led homepage concepts built around Pathbuilders' own photography — the program shots, mentor and team images, and event candids — with Helene's content, Clyde's typography (Helvetica + Minion), fly-out navigation, and Fibonacci spacing underneath.
The full homepage in one dark/gold language: Fibonacci-swirl hero → the reframe → Leadership Architecture (3 frameworks) → scroll-driven Four Stages → Mentoring. Perfected. → proof bar → closing CTA. Open it, watch the photo swirl in along the golden spiral, then scroll the whole thing.
Open & scroll → (watch the swirl) Building block — the hero (standalone)The homepage hero: the photo unwinds into view from the golden spiral's eye, "Leaders who see more," the expand-the-frame line. Same dark/gold language as the Four Stages below — these two assemble into the real homepage next.
Open → ★ Building block — the Four Stages (SCROLL IT)The synthesis you asked for: Concept E's sliding banner panels, but the active one is chosen by scroll position instead of hover — each stage's banner slides open as you reach it — with Concept H's golden-spiral progress compass tracking where you are on the path. This is the Four-Stages section for the new homepage.
Open & scroll → ★★★★ Earlier scroll feed-in (left-text version)The signature interaction. As you scroll, the golden spiral draws itself turn by turn, the full-bleed photography cross-fades through the four stages, each node lights up and its text feeds in — all driven by scroll position. The page unwinds the way the spiral does. This is the Four-Stages moment that would live inside the full homepage (Concept G).
Open & scroll → (the effect only works in motion) ★★★ Full homepage — grounded in the Strategic MessagingBuilt from the strategy doc, not just the layout brief. The golden ratio becomes a lens: the hero photo opens from a small golden-ratio frame to full bleed — "we expand the frame itself." An evidence band foregrounds the real Perspective Calibration™ measures (Airtime Equity · Net New Ideas · Dissent Rate · Upward Challenge) — the intellectually-credible, evidence-over-aspiration voice the brand guidelines demand. The Four Stages carry the SEE progression (Recognize → Appreciate → Embrace → Seek). Cinematic imagery throughout.
Open full mockup → (watch the hero open; hover the Four Stages) Cinematic + golden spiral overlayConcept E's cinematic hero with the golden spiral traced over the photography as a compositional overlay, four stage-nodes along the curve.
Open full mockup → Imagery-led & cinematicBuilt around Pathbuilders' own idea — leaders who see more. A full-bleed cinematic hero that pulls into focus on load (the page coming into focus is the message), then the Four Stages as an immersive photographic gallery: hover any stage and it expands into full colour and tells its story. Brand-correct palette + program duotones, real PB photography carrying every section.
Open full mockup → (hover the Four Stages) Brand-corrected · v5 copyHomepage v5 built to spec: the "isn't skill — it's sight" hero over real documentary photography, the navy Reframe band, the three-framework Leadership Architecture, and the golden spiral as the Four Stages signature. Correct brand palette (#005670 / #005B39), program colours, Helvetica + Georgia.
Open full mockup → ★ Latest — brand-corrected · v5 copySame v5 build, but the corrected golden spiral co-stars in the hero on light — program-coloured nodes on a true logarithmic curve. Distinctive and idea-forward; everything below mirrors D1.
Open full mockup → Earlier — Fibonacci motifSimon-Kucher restraint with the golden spiral as the actual brand graphic: the four stages plotted as nodes growing outward along a true Fibonacci spiral — Perform → Manage → Lead → Inspire, the path of growth. Calm, premium, distinctive, and the Fibonacci pattern earns its place rather than decorating.
Open full mockup →Current functional build (content wire-up, not final design): pathbuilders-redesign.cvcstaging.com