Tesla — Design System Inspiration
Hardware minimalism: Gotham, oversized hero photography, and almost no chrome.
Design System Inspiration of Tesla
1. Visual Theme & Atmosphere
2. Color Palette & Roles
Primary
Secondary & Accent
Surface & Background
Neutrals & Text
Semantic & Accent
# Design System Inspiration of Tesla ## 1. Visual Theme & Atmosphere Tesla's website is an exercise in radical subtraction — a digital showroom where the product is everything and the interface is almost nothing. The page opens with a full-viewport hero that fills the entire screen with cinematic car photography: three vehicles arranged on polished concrete against a hazy cityscape sky, with a single model name floating above in translucent white type. There are no decorative borders, no gradients, no patterns, no shadows. The UI exists only to provide just enough navigational structure to get out of the way. Every pixel that isn't product imagery is white space, and that restraint is the design system's most powerful statement. The color philosophy is almost ascetic: a single blue (`#3E6AE1`) for primary calls to action, three shades of dark gray for text hierarchy, and white for everything else. The entire emotional weight is carried by photography — sprawling landscape shots,…
By @meliwat - License: MIT
Raw markdown