Tesla

Difficulty:
Industry
tesla

Effect Preview

Style Description

Electric vehicles. Extreme reductionism, full-viewport photography, near-zero UI

Tags

TeslaAutomotive

Prompt Template

Base Template
Design a Tesla-inspired interface. - Full-viewport hero sections (100vh) dominated by cinematic car photography with minimal overlay UI; - Near-zero UI decoration: no shadows, no gradients, no borders, no patterns anywhere on the page; - Single accent color — Electric Blue (#3E6AE1) — used exclusively for primary CTA buttons; - Universal Sans font family (Display + Text) unifying web, app, and in-car interfaces; - Photography-first presentation where product imagery carries all emotional weight. Colors: #3E6AE1, #FFFFFF, #F4F4F4, #171A20 with #3E6AE1 accent. Typography: — The main action button:.

Variant Prompts

📱 Mobile
Design a mobile app with Tesla aesthetics. Use Tesla color identity with #3E6AE1 accents. Clean, touch-friendly, native feel.
💻 Web
Design a web application with Tesla style. Use Tesla color identity with #3E6AE1 accents. Professional, responsive layout.
📊 Dashboard
Design a dashboard with Tesla design language. Use Tesla color identity with #3E6AE1 accents. Data-rich, organized, clear hierarchy.
📄 Landing Page
Design a landing page with Tesla visual identity. Use Tesla color identity with #3E6AE1 accents. Compelling, conversion-focused.

Usage Examples

Tesla App

Web App
Build a web app with Tesla design language and #3E6AE1 color system.

Tesla Dashboard

Dashboard
Create a dashboard using Tesla style with data visualization and — The main action button: typography.

Best For

  • Automotive
  • Brand-consistent interfaces
  • Modern web applications

Avoid For

  • Unrelated design aesthetics
  • Different brand guidelines