Storytelling is narrative-driven design: visuals and copy read as if written by one author, scrolling is choreographed into chapters, and image, text, and whitespace take turns pushing the story forward. Color serves emotion (violet #8B5CF6 as a through-line), and pacing matters more than density. Made for brand stories, launches, and long pages meant to be finished, not skimmed.
CreativeEditorial
Prompt Template
Base Template
Design a Storytelling-inspired interface. Colors: #8B5CF6, #16A34A, #D97706, #DC2626 with #8B5CF6 accent. Typography: #3B82F6.
Variant Prompts
📱 Mobile
Design a mobile app with Storytelling aesthetics. Use Storytelling color identity with #8B5CF6 accents. Clean, touch-friendly, native feel.
💻 Web
Design a web application with Storytelling style. Use Storytelling color identity with #8B5CF6 accents. Professional, responsive layout.
📊 Dashboard
Design a dashboard with Storytelling design language. Use Storytelling color identity with #8B5CF6 accents. Data-rich, organized, clear hierarchy.
📄 Landing Page
Design a landing page with Storytelling visual identity. Use Storytelling color identity with #8B5CF6 accents. Compelling, conversion-focused.
Usage Examples
Storytelling App
WebBuild a web app with Storytelling design language and #8B5CF6 color system.
Storytelling Dashboard
DashboardCreate a dashboard using Storytelling style with data visualization and #3B82F6 typography.
✅ Best For
- Creative
- Long-form brand narratives
- Content marketing features
❌ Avoid For
- Utility tool interfaces
- Compact back-office systems
DESIGN.md File
A design system description in the open design.md format. Copy or download it and hand it to AI coding tools.