CURATED · OPEN · FREE

Bottega Veneta

A clean, image-driven luxury fashion portal with restrained typography and a monochromatic palette.

fashionluxury

↓ Download design system (22 MB)Open in OpenDesign

Visit: https://www.bottegaveneta.com

📦 Browse pack contents →

Identity DNA

LuxuryFashionMinimalEditorialSophisticated

A high-end fashion magazine translated into a digital experience.

Color

#000000Ink

#333333Ink soft

#FFFFFFBG

#767676Muted

rgba(0, 0, 0, 0.1)Line

High-contrast monochrome relying on photography for color.

Typography

transitional-serif · geometric-sans

display23px · 400
body14px · 400
caption12px · 400

Typography is strictly uppercase for navigation and labels. · Font weights are minimal, restricted to regular and bold.

Spacing

4px

8px

16px

24px

32px

48px

64px

96px

Generous whitespace provides a refined, breathable layout.

Surfaces

sm · 4px

md · 8px

lg · 12px

pill · 999px

Minimal 1px borders are used primarily for buttons and interactive elements.

Layout

1280container

12columns

24pxgutter

768 / 1024breakpoints

A grid-based layout anchored by full-bleed editorial photography.

Motion & Interaction

220msmicro

400mssmall

800msmedium

cubic-bezier(0.25, 1, 0.5, 1)easing

Subtle fade-in for text overlays. · Smooth vertical slide for menu reveals.

Subtle opacity reduction or underline appearance. · Immediate visual state change with no exaggerated feedback.

Components

button Minimalist rectangular buttons with solid black fill or simple black borders.
card Clean cards defined by sharp edges and expansive imagery.
chip N/A
input Clean text inputs with bottom borders only.
hero A full-viewport photographic hero with centered, uppercase text overlays.

Voice & Don'ts

Tone Confident, quiet, and authoritative.
Headlines Short, evocative, and predominantly uppercase.
CTAs Direct, simple, and completely capitalized.

don't use bright or saturated accent colors — screenshot shows a strict monochromatic palette.
don't use rounded corners on buttons — screenshot shows sharp, rectangular edges.
don't use lowercase for primary navigation — screenshot shows all-caps text.
don't use heavy drop shadows — screenshot shows completely flat surfaces.
don't use busy backgrounds — screenshot shows clean white backgrounds or large photos.
don't use playful or rounded typography — screenshot shows refined geometric and transitional fonts.
Avoid: Exclamation marks
Avoid: Salesy language
Avoid: Overly decorative fonts

Inside the pack — real screenshots

Bottega Veneta — 桌面首屏（hero） — 桌面首屏（hero）

Bottega Veneta — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Captured from the live site · real computed styles

System prompt

Bottega Veneta's design DNA is a masterclass in restrained luxury. The positioning is ultra-premium fashion, utilizing a stark monochromatic palette (#000000, #333333, #FFFFFF) to allow editorial photography to command attention. The typography combines a transitional-serif for the logo with a geometric-sans for all UI elements, maintaining a clean and authoritative presence. Critical don'ts include avoiding bright accent colors, avoiding rounded corners on UI components, and never using lowercase for primary navigation. The layout is spacious, grid-based, and intentionally minimal, ensuring the focus remains entirely on the product and brand imagery.

Bring this taste to your agent

Hand your AI agent a machine-readable spec of this design — tokens, type, motion, the whole DNA.

OpenDesign skill ↗ · This pack for agents ↗

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