CURATED · OPEN · FREE
Lamborghini
A premium automotive brand site that uses full-bleed photography and bold condensed typography to convey power and exclusivity.
Premium Photographic Editorial Clean Product
01
Identity DNA
Performance Luxury Heritage Exclusivity Italian
A high-end automotive magazine brought to life with cinematic photography and brutalist typography.
02
Color
#202020Ink
#FFFFFFInk soft
#000000BG
#969696Muted
rgba(255,255,255,1)Line
High-contrast monochromatic palette that lets the photography carry the brand's energy.
03
Typography
condensed-sans · humanist-sans
display 120px · 400headline 27px · 400body 16px · 400All typography is uppercase · Display type uses a custom condensed sans-serif · Body copy uses a clean humanist sans-serif
04
Spacing
4px
8px
12px
16px
24px
32px
48px
64px
96px
Consistent 24px gutter spacing aligns with the base grid.
05
Surfaces
sm · 0px
md · 0px
lg · 0px
pill · 999px
1px solid rgba(255,255,255,1) used for outlines and separators.
06
Layout
1440 container
12 columns
24px gutter
768 / 1024 breakpoints
Full-bleed photography with left-aligned text overlays.
07
Motion & Interaction
220ms micro
300ms small
800ms medium
cubic-bezier(0.12, 1.01, 0.17, 0.98) easing
Smooth background-color and color transitions on hover · Slight transform shifts on interactive elements
Subtle background-color or color shifts · Immediate visual feedback via transform or opacity changes
08
Components
button Full-width block button with uppercase text and a right arrow, featuring a solid background and sharp edges. card Image-driven cards with minimal text overlays, no visible borders. chip Small uppercase tags with thin white borders. input Minimal search and input fields with subtle underlines. hero Full-screen immersive video or image backgrounds with massive condensed typography.
09
Voice & Don'ts
Tone Confident, aspirational, and minimalist. Headlines Short, powerful, all-caps statements. CTAs Direct and action-oriented, often accompanied by an arrow. Don't use lowercase for headlines — screenshot shows all typography is uppercase Don't use rounded corners on primary components — screenshot shows sharp edges Don't use vibrant brand colors — screenshot shows a monochromatic palette Don't use script or serif fonts — screenshot shows only sans-serif typography Don't clutter the layout with multiple overlapping elements — screenshot shows clean, spacious layouts Don't use drop shadows on cards — screenshot shows flat, image-driven components Avoid: Casual language Avoid: Excessive exclamation marks Avoid: Long-form paragraphs Avoid: Playful emojis
10
Inside the pack — real screenshots
桌面首屏(hero) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 移动首屏 Captured from the live site · real computed styles
11
System prompt
This is a premium automotive brand website. Positioning is luxury and performance, focusing on high-quality photography and minimal UI. Key colors are #000000 for the background and #FFFFFF for the text, creating a high-contrast monochromatic palette. Font categories include a condensed sans for display and a humanist sans for body. Critical donts: avoid lowercase headlines, avoid rounded corners, avoid vibrant colors. The layout is spacious with 24px gutters, and motion is smooth using cubic-bezier easing.
en · zh-CN · zh-TW · ja · ko
OpenDesign · curated web aesthetics for AI-readable design DNA · opendesign.cc
Why we curated this: This site is worth including as a masterclass in using bold typography and immersive photography to define a luxury brand.