A near-monochrome, photography-first system on pure white — two weights of a custom grotesque, 4px corners, and a single electric blue saved for the order.
Universal Sans Text — Tesla's proprietary grotesque, shown here in Inter, its nearest Google substitute. The entire system uses just two weights, Regular 400 and Medium 500; hierarchy comes from size, never from bold or tracking.
Tesla rarely boxes content — surfaces are flat white, held by whitespace and 1px hairlines, lifting only on hover. (Sample model lineup.)
Built on a 4px base unit — the same 4 that sets the corner radius.
4px does almost all the work; 8px on larger containers. Anything rounder is essentially unused on tesla.com.
| Name | Width | Key changes |
|---|---|---|
| Mobile | < 768px | Full-bleed media kept; floating buttons go full-width and stack; nav collapses to a hamburger. |
| Tablet | 768–1023px | Two-up grids; panels stay edge-to-edge; nav still collapsed. |
| Laptop | 1024–1279px | Horizontal nav returns; multi-column model grids. |
| Desktop | ≥ 1280px | Max content width with generous side gutters; full panel stack. |
Constant across breakpoints: white space, near-black type in two weights, 4px corners, and blue saved for the order.
Tesla has no SaaS tiers — shown here as Model 3 trims to demonstrate the card pattern. (Sample content.)
Sample order-tracking table demonstrating the data pattern. (Sample content.)
| Order | Model | Configuration | Status | When |
|---|---|---|---|---|
| RN-118402 | Model Y | Long Range AWD | In Production | 2 days ago |
| RN-118377 | Model 3 | Performance | Awaiting Config | 5 days ago |
| RN-118351 | Model S | Plaid | VIN Assigned | 1 week ago |
| RN-118298 | Model X | Long Range | In Transit | 1 week ago |
| RN-118245 | Cybertruck | All-Wheel Drive | Reserved | 2 weeks ago |
Sample sign-in pattern using Tesla's input and button styles. (Sample content.)