Runway 正在建構理解、模擬並與世界互動的「現實世界智慧」，其產品讓影像生成成為創作媒介。介面走電影級路線：全出血的攝影與影片是主 UI，abcNormal 一款字型包辦從展示到微標籤，冷調中性灰（#767d88 一族）配深色主導畫布，零陰影、極簡描邊讓介面「隱形」，展示字行高鎖死 1.0 配 -0.9 到 -1.2px 負字距。適合富媒體與 AI 影片產品。
RunwayAI 與大型模型
提示詞範本
基礎範本
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 程式設計工具使用。