Starting direction

Clear Baseline

A deliberately neutral, highly legible starting point when the business needs clarity more than a strong visual personality.

Real pipeline output

Inspect the direction

Plainview professional homepage with a neutral reassuring hero, clear services, simple steps, testimonial proof, and contact invitation.

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#E7E9E7

Page background#F3F3F1Text#20252APrimary#283C45Accent#665B4B

Contrast checks pass

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

Review all contrast checks

✓ Body text / background: 13.9:1
✓ Body text / surface: 15.4:1
✓ Body text / secondary surface: 12.7:1
✓ Muted text / background: 6.5:1
✓ Muted text / surface: 7.2:1
✓ Muted text / secondary surface: 5.9:1
✓ Primary action: 11.5:1
✓ Accent action: 6.6:1
✓ Border / background: 3.8:1
✓ Border / surface: 4.2:1
✓ Border / secondary surface: 3.5:1
✓ Focus / background: 10.4:1
✓ Focus / surface: 11.5:1
✓ Focus / secondary surface: 9.4:1

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

Often works well for

general professional services
uncertain first-time owners
content-led sites

Use with care when

image-led portfolios
brands seeking a distinctive mood

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