Starting direction

Forward Motion

Bright colour, crisp grids, and visible momentum for a modern offer that needs to feel capable and current.

Real pipeline output

Inspect the direction

Relay Works software consultancy homepage with an energetic split hero, feature grid, numbered process, and proof-led call to action.

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

Page background#F7F8FCText#14161FPrimary#2A52F4Accent#C200AA

Contrast checks pass

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

Review all contrast checks

✓ Body text / background: 17.0:1
✓ Body text / surface: 18.0:1
✓ Body text / secondary surface: 15.8:1
✓ Muted text / background: 7.7:1
✓ Muted text / surface: 8.2:1
✓ Muted text / secondary surface: 7.2:1
✓ Primary action: 5.8:1
✓ Accent action: 5.4:1
✓ Border / background: 3.3:1
✓ Border / surface: 3.5:1
✓ Border / secondary surface: 3.1:1
✓ Focus / background: 5.5:1
✓ Focus / surface: 5.8:1
✓ Focus / secondary surface: 5.1:1

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

Often works well for

software services
modern consultancies
new products

Use with care when

heritage businesses
solemn care settings

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