kal-store.com — design breakdown

E-commerce · Minimal · Typography

Curated store with an editorial product grid. Curated store aesthetic, editorial product grid, fashion minimal. This page breaks down the measurable design decisions behind the site — the extracted color palette, typography, tone of voice — and generates a complete vibe-coding prompt that recreates the same design language in Lovable, Cursor or v0.

Screenshot of the kal-store.com homepage — E-commerce web design example

The kal-store.com front page as captured for the Norrly library.

Color palette

The dominant colors extracted from the live site:

#c0a8a8#904848#f0f0f0#487860#a87860

Typography & voice

Heading fontABCDiatype

CategoryE-commerce

Voice: calm and restrained — every word earns its place; statement-driven — the words are the design.

What kal-store.com does well

Ruthless reduction — few elements per viewport, so each one lands with full weight.
Typography does the heavy lifting — hierarchy, scale and rhythm replace decoration.

Apply it to your own project

Cut copy until it hurts: one idea per section, one CTA per screen.
Try designing the hero with type only — no imagery — and see how far scale and weight take you.

The vibe-coding prompt

Norrly generates a complete founding prompt from the measured values above — theme, exact hex colors, type scale, button geometry, section structure, motion rules and hard constraints. Paste it into Lovable, Cursor, v0 or Bolt to start from kal-store.com's design language instead of AI defaults. A preview:

You are a world-class web designer + frontend engineer. Build an original single-page landing page in the exact design language of kal-store.com (e-commerce — Curated store with an editorial product grid.) Do NOT clone their content or logo; recreate the FEEL. Every token below was measured from the live site — follow them precisely, they are the product.

Stack: React + Tailwind CSS (works in Lovable, v0, Bolt or Cursor as-is). Single page, production quality, fully responsive.

━━━ 1. DESIGN SPEC (measured tokens — the source of truth) ━━━

THEME & MOOD
- Light theme: the page lives on #faf9f7; dark text; whitespace creates hierarchy.
- Personality: curated store aesthetic, editorial product grid, fashion minimal. In two words: Minimal + Typography.
- Reference anchor: think “kal-store.com” — curated store aesthetic. Combine this reference with the exact values below (reference alone is vague, values alone lack character).

COLORS
- Page background: #faf9f7
- Body text: #585a5a
- Alternate section surfaces: #e0ddd7 (use to break up long stretches of #faf9f7)
- Card/surface color: #ffffff

Get the full prompt in the library →

The library includes a 15-second scroll recording, three screenshots, the full measured token set and the complete prompt for kal-store.com and 350+ more sites. 5 sites are free to explore.