Kindl Labs · Website redesign · 2026-06-28

Nine design concepts for the landing page.

Rounds 1 and 2 (concepts 01–06) hold the restrained v1 brand: light surface, ink + one electric-blue accent, zero imagery or gradients. Round 3 (07–09) is a deliberately bolder, more colorful take that steps into a fuller palette while keeping the hard brand-safety rules (no serif, no imagery, no gradients, no orange+black). Same copy throughout; they differ only in structure and color.

Live color tester. Every concept has a "Theme" panel pinned bottom-right. It detects the palette each concept uses and gives you a control per role: the bold drenched concepts expose Primary, Secondary, and Accent (each with presets plus a custom picker); the restrained concepts expose Accent only. Changes recolor the hero, bands, CTAs, logo joint, and accents live, with shades and readable text derived automatically, and persist across concepts.

★ Current direction — the drenched family (tri-color: cobalt · gold · coral)

Drenched v2 concept preview
CONCEPT 08b

Tri-color (cobalt hero + gold band)

The balanced mix: cobalt owns the hero and CTA, a full gold band carries the Signal, coral is the accent. Both secondary colors carry through the page.

Immersive · tri-color · confident

Open concept →
Coral-led concept preview
CONCEPT 08c

Coral-led

A deep coral/rose is the through-line: hero, the Signal band, the lead product, and the CTA. Gold is the pop on the rose surfaces; true coral stays on the dark why-us band. Warm and distinctive, no blue.

Coral-dominant · warm · bold

Open concept →
Gold-led concept preview
CONCEPT 08d

Gold-led

Gold owns the hero, the Signal band, and the lead product; cobalt becomes the accent (it reads far better than coral on gold), with coral popping on the dark close. Warmest and most distinctive.

Gold-dominant · warm · bold

Open concept →

Round 1 — the first three

Ledger concept preview
CONCEPT 01

Ledger

Reads like a precise engineering memo. Monospace-forward, a spec-sheet hero, numbered sections, the product ladder as hairline-ruled line items.

Serious · document-like · technical

Open concept →
Editorial concept preview
CONCEPT 02

Editorial

A calm publication. Oversized asymmetric type, lots of air, prose-forward, no cards. Products and steps become divider-based lists.

Calm · premium · human

Open concept →
Atelier concept preview
CONCEPT 03

Atelier

A confident Swiss grid. The page lives in a bordered canvas; content sits in visible hairline cells, with a 2×2 product matrix and one ink-filled cell.

Structured · confident · gridded

Open concept →

Round 2 — three more (built with the impeccable design pass)

Dossier concept preview
CONCEPT 04

Dossier

A sticky left index rail (table of contents with scroll-spy) beside a calm reading column. Navigation is the device. Reads like a well-organized brief.

Organized · navigational · senior

Open concept →
Spotlight concept preview
CONCEPT 05

Spotlight

The airy pole. Centered, maximal whitespace, manifesto restraint, one accent word. The simplest of all, leaning entirely on scale and space.

Spacious · centered · quiet

Open concept →
Broadsheet concept preview
CONCEPT 06

Broadsheet

A modern newspaper. A nameplate masthead, a front-page banner, multi-column ruled text, a listing table. Dense and distinctive, pure type, no imagery.

Editorial · dense · distinctive

Open concept →

Round 3 — bolder, more color (full-palette / drenched / color-block)

Spectrum concept preview
CONCEPT 07

Spectrum

Full-palette system: each engagement stage owns a hue (Signal blue, Audit violet, Build teal, Run rose). Color-coded ladder, color-blocked product cards. Color as wayfinding.

Systematic · colorful · clear

Open concept →
Drenched concept preview
CONCEPT 08

Drenched

One saturated color owns the surface: an immersive cobalt hero with a coral pop, an ink band for the Signal, and a cobalt CTA bookend. Confident and bold.

Immersive · saturated · confident

Open concept →
Prism concept preview
CONCEPT 09

Prism

Bauhaus color-blocking: alternating full-bleed solid panels (gold hero, blue Signal, ink why-us, rose CTA) with big poster type. The most graphic, still pure type.

Poster · polychrome · graphic

Open concept →

Competitor visual research and screenshots in ../research/competitor-screens/. Full write-up of how each concept relates to the references is in NOTES.md. The color tester is theme-picker.js (a review tool, not part of the shipped site).

← Compare against the current v2 baseline