Tesla 是電動汽車與永續能源公司，其介面把「極致減法」貫徹到底：100vh 的全視口主視覺區完全交給電影級車輛攝影，頁面上沒有陰影、漸層、描邊或圖案；唯一強調色電光藍（#3E6AE1）只出現在主 CTA 上，Universal Sans 統一網頁、應用與車載介面，所有情緒都由影像承載，UI 盡可能隱形。適合汽車、硬體與影像優先的產品網站。
Tesla汽車
提示詞範本
基礎範本
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:.
變體提示詞
📱 行動裝置
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.
📊 儀表板
Design a dashboard with Tesla design language. Use Tesla color identity with #3E6AE1 accents. Data-rich, organized, clear hierarchy.
📄 到達頁
Design a landing page with Tesla visual identity. Use Tesla color identity with #3E6AE1 accents. Compelling, conversion-focused.
使用範例
Tesla 應用程式
Web 端Build a web app with Tesla design language and #3E6AE1 color system.
Tesla 儀表板
儀表板Create a dashboard using Tesla style with data visualization and — The main action button: typography.
✅ 適用情境
- 汽車產業
- 極簡汽車產品頁
- 全螢幕影像敘事
❌ 不適用情境
- 資訊密集的工具介面
- 多彩消費電商
DESIGN.md 檔案
符合 design.md 開放格式的設計系統描述，可複製或下載後交給 AI 程式設計工具使用。