CURATED · OPEN · FREE

Loewe

A premium fashion house site that pairs large-scale photography with minimalist chrome to elevate product storytelling.

01

Identity DNA

A high-fashion magazine spread brought to life.

02

Color

Stark black and white base that lets rich photographic imagery dominate, punctuated by a singular, bold cyan accent.

03

Typography

geometric-sans

• display120px · 400
• heading22px · 400
• body14px · 400
• caption13px · 400

Use Avus for all primary headings and UI elements. · Maintain a strict typographic hierarchy with generous spacing between levels. · Keep font weights regular or medium; avoid bold weights in standard text.

04

Spacing

A consistent 4px base grid with generous padding, often 24px horizontally, to create breathing room around content blocks.

05

Surfaces

Minimal, using 1px solid black lines for subtle division where necessary.

06

Layout

A full-bleed, magazine-style layout dominated by large imagery, with generous whitespace and a fixed top navigation bar.

07

Motion & Interaction

Smooth opacity transitions for revealing content. · Subtle transform animations for navigation menus and overlays. · Flex-basis transitions for expanding content sections.

Subtle opacity changes or visual reveals, maintaining the site's refined feel. · Smooth transitions and state changes, often revealing more text or a new view.

08

Components

• button Minimal, often just text with a triangle icon (▸), relying on typography and whitespace rather than containers.
• card Content is presented through large, full-width images paired with clean typography below, acting as expansive cards.
• input A simple text field with a single bottom border, no background or visible container.
• hero A massive, full-viewport photographic hero with oversized, bold typography overlaid directly on the image.

09

Voice & Don'ts

• Tone Confident, sophisticated, and slightly poetic.
• Headlines Direct, declarative, and often evocative, using large, clean typography.
• CTAs Subtle and integrated, using a small triangle icon (▸) next to text links rather than prominent buttons.

• Don't use drop shadows — screenshot shows flat, clean layouts.
• Don't use rounded corners on containers — screenshot shows sharp, zero-radius edges.
• Don't use bold font weights for body text — screenshot shows regular weight text.
• Don't use complex gradients — screenshot shows solid colors and clean photography.
• Don't use a wide, filled button style for primary actions — screenshot shows minimalist text links.
• Don't overcrowd the layout with multiple columns of text — screenshot shows generous whitespace.
• Avoid: Avoid cluttering the interface with unnecessary UI elements or decorative graphics.
• Avoid: Avoid using heavy drop shadows or complex gradients.
• Avoid: Avoid jarring or abrupt animations.

10

Inside the pack — real screenshots

Captured from the live site · real computed styles

11

System prompt

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