Electric Drive
Graphite night, ice-blue light and extended capitals as smooth as a drag coefficient.
This style
$9$19
One-time, no subscription · instant download · client use · 7-day refund before download
The idea
An electric car launch at midnight: graphite black, a car silhouette rim-lit in cold blue, and wide extended capitals that feel engineered in a wind tunnel. Frosted glass panels float spec numbers over the dark like a heads-up display. Precise, quiet and fast.
Electric Drive is an automotive system for electric vehicles that sell on engineering and calm. It draws on 1970s rally graphics, aerospace heads-up displays and contemporary low-key car studio photography: a graphite night canvas, a single ice-blue light used like a rim light, extended wide capitals that look aerodynamic, and frosted glass panels carrying spec numbers in mono. The car is always the hero, lit from the edge. It should feel precise, quiet and fast — engineered rather than decorated.
Principles
- Light the product like a studio: one thin edge of ice blue on black.
- Specs are the poetry — set them big, in mono, with units.
- Use wide extended capitals sparingly; they're for headlines only.
- Frame data in glass panels with corner brackets like a HUD.
- Never shout; electric is silent.
Motion
The hero car is revealed by a thin ice-blue light line sweeping from left to right across its silhouette; spec numbers count up in mono as their glass panels sharpen from a blur.
Do & don't
Do
- ✓ Always include units with numbers (km, kWh, min).
- ✓ Use tabular mono figures for every spec.
- ✓ Light products with a single cold rim light.
Don't
- ✕ Don't use warm colours or gold.
- ✕ Don't show cars in daylight lifestyle shots.
- ✕ Don't round corners beyond 4px.
+ 3 more of each, and component rules, in the full DESIGN.md.
What's in the DESIGN.md
- 01Overview & principles
- 02Colors (tokens + proportions)
- 03Typography (families + 12-role scale)
- 04Layout & spacing scale
- 05Elevation & depth
- 06Shapes & radii
- 07Motion (easing, durations, signature)
- 08Imagery + generation prompt
- 09Components (button, card, nav, input, badge)
- 10Do's and don'ts
- 11Responsive behaviour
- 12Iteration guide + agent checklist
Plus theme.css (Tailwind v4 @theme), tokens.json (W3C) and the preview page source — 370 lines of DESIGN.md in total.
More like this
All Industry →
Bright Neobank
No. 050A bank that feels like a good app: electric violet, mint and fat friendly numbers.
Atelier Plan
No. 081An architecture studio's drawing set: plan-paper white, tracing grid, titleblock captions.
Blue Property
No. 082Cobalt blue, a muscular grotesk and a bento of listings, maps and numbers.
Blush Skincare
No. 083Blush pink, clean white space and an italic serif as soft as a moisturiser.
Chambers Heritage
No. 084A heritage law firm: Caslon headings, deep navy, oxblood seals and quiet panelled rooms.
Cream Estate
No. 085Cream paper, black ink and photographs of houses big enough to walk into.