Starting direction

Local & Steady

Practical layouts, sturdy type, and direct calls to action for trusted businesses serving a defined community.

Real pipeline output

Inspect the direction

Cedar & Co. local services homepage with a phone-first badge hero, practical service list, work evidence, and estimate 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#EAE4DA

Page background#F6F3EEText#26221BPrimary#8F3B14Accent#3E5C3A

Contrast checks pass

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

Review all contrast checks

✓ Body text / background: 14.3:1
✓ Body text / surface: 15.8:1
✓ Body text / secondary surface: 12.5:1
✓ Muted text / background: 7.3:1
✓ Muted text / surface: 8.1:1
✓ Muted text / secondary surface: 6.4:1
✓ Primary action: 7.5:1
✓ Accent action: 7.5:1
✓ Border / background: 4.1:1
✓ Border / surface: 4.5:1
✓ Border / secondary surface: 3.5:1
✓ Focus / background: 6.8:1
✓ Focus / surface: 7.5:1
✓ Focus / secondary surface: 5.9:1

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

Often works well for

trades
home services
local contractors

Use with care when

luxury portfolios
abstract digital products

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