Tesla

Visit Website

Electric vehicles. Radical subtraction, cinematic full-viewport photography.

极简主义全屏摄影红色品牌科技感

Color Palette

primary

background

surface

text

muted

border

Typography

Heading FontInter, system-ui, sans-serif

Body FontInter, system-ui, sans-serif

Base Size16px

Line Height1.3

Weights400, 500, 600

Heading Scale

h1Tesla Heading

h2Tesla Heading

h3Tesla Heading

h4Tesla Heading

DESIGN.md

# Tesla Design System

## Visual Theme & Atmosphere
Radical minimalism. Almost no UI. Full-viewport photography.

Related Design Systems

Ferrari

Similar style design system

Lamborghini

Similar style design system

Frequently Asked Questions

What is Tesla's design style?

Electric vehicles. Radical subtraction, cinematic full-viewport photography.

What is Tesla's primary color?

Tesla uses #E82127 as primary color, #FFFFFF for background, and #171A20 for text.

What fonts does Tesla use?

Heading font: Inter, system-ui, sans-serif. Body font: Inter, system-ui, sans-serif. Base size: 16px.

How to use Tesla design system in my project?

Click the Copy button above the DESIGN.md code block to copy the complete design specification. AI Coding tools like Cursor can directly read DESIGN.md to generate code matching Tesla's style.

Explore More Design Systems

Discover 50+ curated design systems for your AI Coding projects.

View All Design Systems