← Styleguide

Internal — Design Reference

Band Hero

The shared blue-band opener (contact instance as canonical; also on services, M&D, VA).

Shared Sections view live ↗

00 Current

The live shared component with the contact page's props (compact, no CTA). The same surface takes icon chips, CTAs, left alignment, and a decor slot on other pages.

Contact

Let’s Chart A Course

Tell us what you need — big, small, ongoing, or one-time. We read everything, and we’ll get back to you.

01 Still Water

Gradient → solid: the band flattened to a single deep blue — no scrim needed — with the compass rose blown up to near-full width behind the centered copy, and the promise sentence brightened to full white. Generalizes cleanly: compact trims the top pad as live, align swaps the text axis, and slot decor reads at true strength with no scrim over it.

solid deep band · no scrim · oversized rose · centered · brightened promise

Contact

Let’s Chart A Course

Tell us what you need — big, small, ongoing, or one-time. We read everything, and we’ll get back to you.

context — light section below (on /contact the form card docks over this seam)

02 Chart Room

Two-tone: a hard tone break drops the right third to the darkest blue, the rose rides the dark panel at strength, and the copy sits left against a ruled ledger edge with the title's closing phrase underlined in orange. Across the matrix the dark panel is the decor slot's natural home, left align is native here, and compact trims only the top pad.

two-tone · ledger rule · left · orange phrase underline · rose on the dark panel

Contact

Let’s Chart A Course

Tell us what you need — big, small, ongoing, or one-time. We read everything, and we’ll get back to you.

context — light section below (on /contact the form card docks over this seam)

03 Signal Bar

The utility register: the whole hero compressed to a single royal-blue bar — translucent icon chip, eyebrow-and-title stack, and the sub run as one row over a shallow crest. Effectively a third size ('bar') below compact, where align becomes row order and the decor slot reduces to the watermark or drops entirely.

utility bar · single row · icon chip · royal blue · shallow crest

Contact

Let’s Chart A Course

Tell us what you need — big, small, ongoing, or one-time. We read everything, and we’ll get back to you.

context — light section below (on /contact the form card docks over this seam)

04 Below The Waterline

The seam surfaces mid-hero: eyebrow and title ride the gradient, then the ask dips below the crest — both sub sentences hang from an orange plumb line on the white shelf, formalizing what /contact already does when the form card docks over this seam. Compact would shrink the blue cap, align shifts both zones together, and the decor slot stays above the waterline. Wildcard — bends layout/motif conventions; brand palette and Playfair/Rubik only.

wildcard · mid-hero waterline · orange plumb line · split sub · submerged rose

Contact

Let’s Chart A Course

Tell us what you need — big, small, ongoing, or one-time.

We read everything, and we’ll get back to you.

context — light section below (on /contact the form card docks over this seam)