CURATED · OPEN · FREE

Khaite

A luxury fashion e-commerce experience blending editorial photography with refined typography and ample whitespace.

01

Identity DNA

A high-end fashion boutique with editorial photography and refined typography.

02

Color

Strict achromatic palette dominated by pure black and white, allowing high-quality photography to carry all visual interest and brand personality.

03

Typography

didone-serif · grotesque-sans

• display56px · 400
• heading12px · 400
• body12px · 400

The brand logo 'KHAITE' uses a high-contrast didone serif (ITC Galliard) at large sizes. · All navigation and UI text uses a clean, light grotesque sans-serif (Fakt Pro) at 12px. · Text is frequently uppercase with generous tracking for a refined, editorial feel. · Weight stays strictly at 350-400, avoiding bold except for very rare emphasis.

04

Spacing

Strict 4px base grid with generous whitespace and breathing room, especially around photographic elements.

05

Surfaces

Minimal, used only for subtle underlines on interactive text elements like 'Shop Now'.

06

Layout

Full-bleed hero imagery followed by a clean, centered grid layout with ample negative space between elements.

07

Motion & Interaction

Opacity transitions for interactive element states · Subtle background-color changes on hover

Subtle opacity reduction or underline appearance on text links · Standard pointer interaction with no visual feedback beyond the hover state

08

Components

• button Minimal text links with subtle underlines or borders; no solid filled buttons are visible.
• card Clean, unadorned product presentation with imagery and small uppercase text labels.
• hero Full-viewport photographic hero with overlaid serif headline and subtle text link call-to-action.

09

Voice & Don'ts

• Tone Sophisticated, understated, and confident
• Headlines Elegant serif headlines, occasionally italicized, conveying editorial authority.
• CTAs Subtle text-based calls-to-action with thin underlines rather than bold buttons.

• Don't use bold, heavy typography — screenshot shows light font weights (350-400) throughout
• Don't add decorative shadows or glows — screenshot shows completely flat, clean surfaces
• Don't use colorful buttons or badges — screenshot shows only subtle text links with underlines
• Don't clutter the layout with multiple competing elements — screenshot shows generous whitespace
• Don't use rounded corners on containers — screenshot shows sharp, clean edges
• Don't use busy patterns or gradients — screenshot shows solid white and near-white backgrounds
• Avoid: Excessive punctuation
• Avoid: Casual language
• Avoid: Visual clutter
• Avoid: Promotional badges

10

Inside the pack — real screenshots

Captured from the live site · real computed styles

11

System prompt

en · zh-CN · zh-TW · ja · ko