Uncompromising luxury e-commerce restraint, and strictly ACHROMATIC — worth noting because the house is popularly associated with parakeet green, which is a packaging and campaign signature that appears nowhere in the site chrome. What is actually here is pure white #ffffff with pure black #000000 type and borders, greys #333333 / #696969 / #767676, and a single near-black green #151b17 used as a section fill. There is no accent colour at all: emphasis comes from inverting black and white, never from hue, and every pixel of visual interest is ceded to full-bleed campaign photography (27 raster layers and 2 videos) under a simple rgba(0,0,0,.8) to transparent scrim. The defining typographic move is scale rather than styling — one custom sans at a strikingly small 10-14px for nav and body with 12-22px leading, section labels at 14px uppercase, and a high-contrast serif wordmark lockup — so the restraint reads as confidence. Buttons are SQUARE at 0px radius, 40px tall, always carrying a 1px #000000 border in strict inverse pairs, and become white-outlined transparent labels when floated over imagery; 2-3px radii appear only on utility chrome. Shadows exist only on modals, never on content, so structure is carried entirely by 1px borders, and motion is slow and photographic at 0.5s ease-out reveals and 1s opacity fades.
Browse Bottega Veneta in the interactive gallery
Captured from the live site's computed styles into a prompt-ready DESIGN.md you can paste into Cursor, v0, Lovable, Bolt or Claude Code. Below is a summary of each captured surface.
Source: bottegaveneta.com/en-us (live DOM, computed styles), 2026-07-25. 0 stylesheets blocked. Salesforce Commerce Cloud site — only 3 layout-only :root vars, so §2 is read from computed fills/text. Excluded as third-party widget chrome (promo/geo modal), NOT brand: a magenta#d52484, a pale blue#d3dbe4andrgba(115,133,159,.5)— recorded here rather than in §2 so the palette stays brand-only. Reality check: the hint is wrong on the headline claim. The queue said "bold parakeet-green minimalism, serif". Parakeet green is Bottega's *packaging and campaign* signature — it is not on the website chrome at all. The site is stark white-and-black monochrome, and the only green present is a very dark near-black #151b17 used as a section fill. "Minimalism" is right, and the wordmark is a high-contrast serif, but the running type is a custom sans (bottegaveneta-regular-webfont) at a strikingly small 10–14px.
Uncompromising luxury e-commerce restraint. Chrome is pure white with pure black type, and every pixel of visual interest is ceded to full-bleed product and campaign photography. Type is remarkably small — nav and body sit at 10–14px where most brands use 16 — which reads as confidence rather than economy, and labels are set UPPERCASE. Controls are square-cornered, outlined rather than filled, and float directly over the imagery. The overall effect is a printed lookbook with a shopping layer attached: quiet, precise and almost entirely achromatic. Feels: austere, precise, editorial, confident.
| Token | Hex / value | Role / usage |
|---|---|---|
| black | #000000 | primary text and borders (3811 uses) |
| white | #ffffff | canvas, text over photography |
| ink-2 | #333333 | secondary text |
| ink-3 | #272727 | dark UI text |
| slate | #2b333f | cool secondary text |
| grey | #696969 | muted text |
| grey-2 | #555555 | muted text alt |
| grey-3 | #888888 | faint text |
| border-grey | #767676 | secondary border (18 uses) |
| off-white | #efefef | light surface |
| paper | #f6f8f9 | palest surface |
| green-black | #151b17 | dark section fill (the only "green" on the site) |
| scrim | rgba(0,0,0,.8) / .9 / .5 | image scrims |
| error | #eb0000 | validation error |
Rule: the site is achromatic. There is no accent colour — emphasis is achieved by inverting black and white, never by hue.
One custom family in two weights: bottegaveneta-regular-webfont and bottegaveneta-bold-webfont, with Arial as the declared fallback. The wordmark is a high-contrast serif lockup; running text is the sans. The defining trait is scale: nav and body sit at 10–14px with tight 12–22px leading, and section labels are 14px UPPERCASE. Tracking is normal throughout — the restraint comes from size, not letterspacing.
Specimen substitution: previews load Cormorant Garamond for the serif
wordmark and Inter for the sans (one bundled Google Fonts link). The site
ships the licensed bottegaveneta webfonts.
| Role | Family | Size/Line | Weight | Tracking |
|---|---|---|---|---|
| Wordmark | BV serif lockup | ~22px | 400 | wide, UPPERCASE |
| Section label (h2) | bottegaveneta-regular | 14/22 | 400 | normal, UPPERCASE |
| Button | bottegaveneta-regular | 14/16.1 | 400 | normal |
| Nav | bottegaveneta-regular | 10/12 | 400 | normal |
| Body / caption | bottegaveneta-regular | 10/12 | 400 | normal |
| Emphasis | bottegaveneta-bold | 14 | 700 | normal |
Also documented in the full DESIGN.md: Component Stylings, Layout Principles, Depth & Elevation, Motion, Backgrounds, Effects & WebGL, Do's and Don'ts, Responsive Behavior, Agent Prompt Guide.