Round 1 · 16 September 2026

Homepage · three directions

Pick a direction,
then we scale it.

Same copy, same palette, same SEO head and schema in all three, so you are comparing design and nothing else. Every one passes the full sweep: nine widths, no overflow, no heading widows at 1280 or 390, 44px tap targets, a 14px type floor and zero contrast failures. Direction C exists to be too much.

0 failing checks 94+ internal links per page 27 hexes, all brand 96 KB CSS, 1 external request

The three directions

Open each one and scroll it properly. The mobile button gives you the full 390 capture.

3 builds · 1280 and 390
A · Deep Water homepage at 1280
Safest bet

A · Deep Water

Navy-dominant and conversion-tight. The hero lead form sits above the fold on desktop, which is the biggest structural difference between this and the other two.

  • TypeBricolage Grotesque + Inter
  • HeroSplit, glass lead form
  • RhythmAlternating navy and cream
Open direction Mobile
B · Chart homepage at 1280
Most studio

B · Chart

Cream, editorial, portfolio-led. The nautical chart is the whole system: hairline grids, coordinate labels, depth soundings, services as an index rather than cards.

  • TypeInstrument Serif + Inter
  • HeroFull-width serif, one horizon
  • RhythmTwo cream zones, one navy
Open direction Mobile
C · Riptide homepage at 1280
Too much, on purpose

C · Riptide

Poster-scale display type, a stair-stepped hero, a kinetic teal marquee and CSS caustics. Its job is to be dialled back. Everything bold is still inside the rules.

  • TypeArchivo Black + Space Grotesk
  • HeroStair-step, hollow outline
  • RhythmNavy descent, one teal band
Open direction Mobile

Everything else in the round

The intake sheet is the one that needs you. The rest is reference.

PDF · 6 pages

What we need from you

The intake sheet. Every placeholder in the build, with checkboxes and fill lines. Print it or fill it on screen.

 Reference

Brand DNA

Palette from the mark, every measured contrast ratio, the type scale, density tokens and the rules they produce.

 Strategy

SEO architecture

The full page architecture. Two growth axes, every URL template, title pattern, schema type and the anti-thin-page gate.

 Technical

Build README

How to rebuild, the Bootstrap import-order rule, the CSS budget, and exactly what the verification sweep asserts.

Palette, from the mark

051F3F
67CCCF
F8F6F0
2A6167
  • White on brand teal measures 1.89:1, so every teal fill carries a navy label.
  • 2A6167 is teal as text on light, tuned against the darkest cream in the set.

Identical in all three

  • One H1, no skipped heading levels
  • ProfessionalService, WebSite, FAQPage and BreadcrumbList schema
  • Canonical, OG and Twitter cards, full favicon set
  • WCAG 2.2 AA, CSS-only motion, no JS animation
  • Composed at 1280 and 390, both as design targets

Waiting on you

  • City, state and phone
  • Six case studies with real results
  • Five designer names
  • Real price ranges
  • Three testimonials
  • The service-area city list

Open the intake sheet