Tesla 是电动汽车与可持续能源公司，其界面把「极致减法」贯彻到底：100vh 的全视口英雄区完全交给电影级车辆摄影，页面上没有阴影、渐变、描边或图案；唯一强调色电光蓝（#3E6AE1）只出现在主 CTA 上，Universal Sans 统一网页、应用与车载界面，所有情绪都由影像承载，UI 尽可能隐形。适合汽车、硬件与影像优先的产品站。
汽车现代极简
提示词模板
基础模板
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 编程工具使用。