Starting direction

After Dark

Oversized type, hard contrast, and bold pacing for creative work that benefits from a memorable entrance.

Real pipeline output

Inspect the direction

Northline creative studio homepage with an oversized dark hero, sharp project grid, large proof figures, and vivid 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#1F1F25

Page background#0B0B0DText#F4F2F0Primary#F457DAAccent#F4F1F0

Contrast checks pass

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

Review all contrast checks

✓ Body text / background: 17.6:1
✓ Body text / surface: 16.2:1
✓ Body text / secondary surface: 14.7:1
✓ Muted text / background: 9.5:1
✓ Muted text / surface: 8.8:1
✓ Muted text / secondary surface: 8.0:1
✓ Primary action: 6.5:1
✓ Accent action: 16.8:1
✓ Border / background: 4.0:1
✓ Border / surface: 3.6:1
✓ Border / secondary surface: 3.3:1
✓ Focus / background: 6.8:1
✓ Focus / surface: 6.2:1
✓ Focus / secondary surface: 5.6:1

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

Often works well for

creative studios
events
culture brands

Use with care when

care services
conservative professional practices

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