Starting direction

Calm Assurance

Soft clinical colour, legible structure, and reassuring proof for services where clarity and trust come first.

Real pipeline output

Inspect the direction

Harbour Health clinic homepage with a calm booking-led hero, clear services, treatment steps, credentials, and contact path.

The full preview is an approved output from Keptly's production layout pipeline, not a hand-authored marketing mockup. Only this selected direction is mounted.

Open the complete page in a new tab

Theme Lab

Explore the palette

Start with an art-directed palette or set the colors that matter most. The original direction always remains available.

Showing: Original direction

Aesthetic starting points

Custom palette

Editing any value creates a custom preview from the palette shown above.

Feature background#EAF2F5

Page background#F7FAFBText#152A33Primary#0D7A6CAccent#0C5929

Contrast checks pass

All 14 semantic text, action, border, and focus pairs pass.

Review all contrast checks

✓ Body text / background: 14.2:1
✓ Body text / surface: 14.9:1
✓ Body text / secondary surface: 13.1:1
✓ Muted text / background: 7.2:1
✓ Muted text / surface: 7.5:1
✓ Muted text / secondary surface: 6.6:1
✓ Primary action: 5.2:1
✓ Accent action: 8.5:1
✓ Border / background: 3.4:1
✓ Border / surface: 3.6:1
✓ Border / secondary surface: 3.2:1
✓ Focus / background: 5.0:1
✓ Focus / surface: 5.2:1
✓ Focus / secondary surface: 4.6:1

Filled colors stay exact. Colored text uses a separately derived, text-safe expression of the same hue.

Often works well for

health clinics
care providers
regulated services

Use with care when

nightlife
experimental portfolios

This is a starting direction, not an industry template. Choose it for any business when its visual character fits; Keptly adapts the structure and content while preserving your explicit choice.

Start free with this direction