# Design System Inspired by Lamborghini

A visual catalog generated from DESIGN.md — darkness, gold, and uncompromising angles.

Discover More View Models

## Color Palette

Monochrome darkness punctuated by Lamborghini Gold. The only chromatic color in the system.

Primary
Lamborghini Gold
#FFC000
Primary CTA accent
Pure White
#FFFFFF
Text, logo, nav elements
Dark Gold
#917300
Gold hover/pressed state
Surface & Background
Absolute Black
#000000
Page background, deepest layer
Dark Iron
#181818
Footer, deep sections
Charcoal
#202020
Cards, elevated panels
Near White
#F8F8F8
Rare light-mode surface
Neutrals & Text
Graphite
#494949
Text on light surfaces
Ash
#7D7D7D
Muted text, metadata
Steel
#969696
Disabled text, badges
Mist
#E6E6E6
Light gray containers
Semantic & Accent
Cyan Pulse
#29ABE2
Informational accent
Link Blue
#3860BE
Link hover state
Teal Action
#1EAEDB
Ghost button hover

## Typography Scale

LamboType for everything — shown with Roboto as the closest available fallback. All display text is uppercase.

TEMERARIO
Hero Display — 120px→80px / 400 / 0.92 LH / uppercase / LamboType
YOU CAN'T HIDE
Section Title — 54px / 400 / 1.19 LH / uppercase
DEALER LOCATOR
Sub-section — 40px / 400 / 1.15 LH / uppercase
NEWS LAMBORGHINI WORLD
Feature Heading — 27px / 400 / 1.37 LH / uppercase
The arena of emotions. Where power meets precision, and every detail tells a story of relentless innovation.
Body Large — 18px / 400 / 1.56 LH / mixed case
Standard paragraph text for descriptions, captions, and secondary content throughout the interface.
Body — 16px / 400 / 1.50 LH
LABEL BADGE MICRO
Label — 12px / 500 / 1.83 LH / uppercase / +0.96px tracking

## Button Variants

Zero border-radius. Sharp, angular rectangles. Gold for primary, ghost for secondary.

Discover More Gold Accent — bg #FFC000, 0px radius, 24px padding
View Models Ghost — transparent, white border, 50% opacity
Configure White Filled — bg #FFFFFF, text #202020
Explore Black — bg #000000, white border
Details Gray — bg #969696, 13px, compact

## Card Examples

Sharp-edged cards on charcoal surfaces. No radius, no shadow — just surface color shifts.

T
Temerario
The new V8 hybrid super sports car. Uncompromising power meets visionary design.
Discover
R
Revuelto
The first V12 hybrid plug-in HPEV. A new era of Lamborghini performance.
Discover
U
Urus SE
The world's first Super SUV. Beyond the concept of luxury.
Discover

## Form Elements

Sharp-edged inputs on dark backgrounds. Focus triggers gold border.

Default Input
Focus Input
Error Input
Textarea

## Spacing Scale

8px base unit with a comprehensive scale from 2px to 56px.

4px
Fine adjustments
8px
Base unit
16px
Ghost button padding, card gap
24px
Gold CTA padding, card body
40px
Section horizontal padding
56px
Section vertical padding

## Border Radius Scale

Almost entirely zero. Sharp angles are fundamental to the Lamborghini DNA.

0px
Everything (default)
2px
Badges, close buttons
20px
Toggle switches only

## Elevation & Depth

No shadows — depth through surface color layering. Lighter = closer.

Level 0 — Abyss
#000000 flat black
Level 1 — Surface
#181818 elevated
Level 2 — Panel
#202020 cards/panels
Level 3 — Overlay
rgba(0,0,0,0.7)