Runway 正在构建理解、模拟并与世界互动的「现实世界智能」，其产品让影像生成成为创作媒介。界面走电影级路线：全出血的摄影与视频是主 UI，abcNormal 一款字体包办从展示到微标签，冷调中性灰（#767d88 一族）配深色主导画布，零阴影、极简描边让界面「隐形」，展示字行高锁死 1.0 配 -0.9 到 -1.2px 负字距。适合富媒体与 AI 视频产品。
AI 与大模型现代极简
提示词模板
基础模板
Design a Runway-inspired interface. - Cinematic full-bleed photography and video as primary UI elements; - Single typeface system: abcNormal for everything from display to micro labels; - Dark-dominant palette with cool-toned neutrals (#767d88, #7d848e); - Zero shadows, minimal borders — the interface is intentionally invisible; - Tight display typography (line-height 1.0) with negative tracking (-0.9px to -1.2px). Colors: #000000, #030303, #1a1a1a, #ffffff.
变体提示词
📱 移动端
Design a mobile app with Runway aesthetics. Use Runway color identity with #000000 accents. Clean, touch-friendly, native feel.
💻 Web端
Design a web application with Runway style. Use Runway color identity with #000000 accents. Professional, responsive layout.
📊 仪表板
Design a dashboard with Runway design language. Use Runway color identity with #000000 accents. Data-rich, organized, clear hierarchy.
📄 落地页
Design a landing page with Runway visual identity. Use Runway color identity with #000000 accents. Compelling, conversion-focused.
使用示例
Runway 应用
Web 端Build a web app with Runway design language and brand color system.
Runway 仪表板
仪表板Create a dashboard using Runway style with data visualization and modern typography.
✅ 适合场景
- AI
- 视频与创意生成工具
- 富媒体的作品展示页
❌ 不适合场景
- 轻量表单型后台
- 纸质杂志排版站
DESIGN.md 文件
符合 design.md 开放格式的设计系统描述，可复制或下载后交给 AI 编程工具使用。