Runway

Difficulty:
Company
runwayml

Effect Preview

Style Description

AI video generation. Cinematic dark UI, rich media layout

Tags

RunwayAI

Prompt Template

Base Template
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.

Variant Prompts

📱 Mobile
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.
📊 Dashboard
Design a dashboard with Runway design language. Use Runway color identity with #000000 accents. Data-rich, organized, clear hierarchy.
📄 Landing Page
Design a landing page with Runway visual identity. Use Runway color identity with #000000 accents. Compelling, conversion-focused.

Usage Examples

Runway App

Web App
Build a web app with Runway design language and brand color system.

Runway Dashboard

Dashboard
Create a dashboard using Runway style with data visualization and modern typography.

✅ Best For

  • AI
  • Brand-consistent interfaces
  • Modern web applications

✅ Avoid For

  • Unrelated design aesthetics
  • Different brand guidelines