Round 1 · 16 September 2026

Dallas, Texas · homepage · nine directions

Pick a direction,
then we scale it.

Local to Dallas, working nationwide, in all nine: Dallas is the home base in the hero, the FAQ, the footer and the schema, and the service-area band lists sixteen major US markets behind it. Same copy, same palette, same SEO head in each, 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. D to I are the beach concepts, G to I pushed furthest. Taglines: Set the canvas. Catch the current. Design that pulls people in. Where brands find their current. From canvas to current.

0 failing checks 94+ internal links per page Dallas home base, 16 US markets Under 100 KB CSS, 1 external request

Round one: 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

Three beach concepts

Ocean, sand and a beach state of mind, from a studio in landlocked Dallas. Same content and SEO as the first three. Move your pointer over the water in Night Swim.

3 builds · 1280 and 390
D · Swell homepage at 1280
Most fun to use

D · Swell

Daytime beach. A striped retro sun sinking behind the headline, three layers of surf rolling under the hero, services as surfboards that tilt when you hover, and stats bobbing like buoys.

  • TypeFraunces + DM Sans
  • HeroRetro sun, rolling surf, gulls
  • RhythmSand, then a wave into navy
Open direction Mobile
E · Boardwalk homepage at 1280
Most personality

E · Boardwalk

A beach postcard you can book a call from. Sun rays, a perforated stamp and postmark, striped cabana services, a pier sign with chaser bulbs, taped snapshots, ticket-stub stats.

  • TypeShrikhand + Work Sans
  • HeroTilted postcard, spinning badge
  • RhythmSand, sea glass, one navy pier
Open direction Mobile
F · Night Swim homepage at 1280
Most memorable

F · Night Swim

The beach after dark. Stars, a moon glint on the water, bioluminescent crests, and a torch that follows your pointer and wakes the plankton under it. Tide pools that breathe.

  • TypeSyne + Manrope
  • HeroNight sky, glowing surf, torch
  • RhythmAll navy, lit from inside
Open direction Mobile

Three more, pushed further

New techniques, not new skins: a scroll-driven day clock, frosted glass, a live-looking forecast board. Open Day Trip and scroll it top to bottom.

3 builds · 1280 and 390
G · Day Trip homepage at 1280
Most original

G · Day Trip

The whole page is one day at the beach. A sun climbs out of the sea, an umbrella spins, footprints walk the sand, and as you scroll a sun rides a sky rail while a clock runs from 6 AM to a 9 PM bonfire.

  • TypeBagel Fat One + Figtree
  • HeroSunrise, umbrella, footprints
  • RhythmDawn to dark, section by section
Open direction Mobile
H · Sea Glass homepage at 1280
Most premium

H · Sea Glass

Frosted sea glass on wet sand. A slow light field drifts under everything, services are irregular shards with lit rims, the work is a collector's tray, and the call to action is a message in a bottle.

  • TypeGloock + Hanken Grotesk
  • HeroFrosted glass pane, drifting light
  • RhythmSand and glass, one deep-water tray
Open direction Mobile
I · Surf Report homepage at 1280
Most data-driven

I · Surf Report

A surf forecast for your brand. A conditions board with a breathing swell chart, a surfer riding the tide curve and a wind vane. Services are the breaks, work is a session log, stats flip like an airport board.

  • TypeBig Shoulders + IBM Plex Sans
  • HeroLive forecast board
  • RhythmChart-grid navy, one cream price break
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, now down to a handful of open items since Dallas landed. Checkboxes and fill lines throughout.

 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
  • Dallas, TX in PostalAddress, 8 cities in areaServed
  • 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

  • Phone number, and whether you want a phone CTA at all
  • Six case studies with real results
  • Real price ranges
  • Three testimonials
  • Founding year, for Direction B's hero
  • No designer names needed. Scale is implied, never counted

Open the intake sheet