Webflow is the agentic web platform for modern businesses — design, build, optimize, and rank in AI search with hosting and CMS built in. Its interface sets near-black (#080808) on white with Webflow Blue (#146ef5) as the brand and interactive color, WF Visual Sans Variable holding weights 500–600, a rich secondary palette (purple, pink, green, orange, yellow, red) for visual-editing moments, and conservative 4–8px radii.
DeveloperPremium
Prompt Template
Base Template
Design a Webflow-inspired interface. - White canvas with near-black (#080808) text; - Webflow Blue (#146ef5) as primary brand + interactive color; - WF Visual Sans Variable — custom variable font with weight 500–600; - Rich secondary palette: purple #7a3dff, pink #ed52cb, green #00d722, orange #ff6b00, yellow #ffae13, red #ee1d36; - Conservative 4px–8px border-radius — sharp, not rounded. Colors: #080808, #146ef5, #3b89ff, #006acc with #146ef5 accent.
Variant Prompts
📱 Mobile
Design a mobile app with Webflow aesthetics. Use Webflow color identity with #146ef5 accents. Clean, touch-friendly, native feel.
💻 Web
Design a web application with Webflow style. Use Webflow color identity with #146ef5 accents. Professional, responsive layout.
📊 Dashboard
Design a dashboard with Webflow design language. Use Webflow color identity with #146ef5 accents. Data-rich, organized, clear hierarchy.
📄 Landing Page
Design a landing page with Webflow visual identity. Use Webflow color identity with #146ef5 accents. Compelling, conversion-focused.
Usage Examples
Webflow App
WebBuild a web app with Webflow design language and #146ef5 color system.
Webflow Dashboard
DashboardCreate a dashboard using Webflow style with data visualization and modern typography.
✅ Best For
- Design
- Marketing sites and brand landing pages
- No-code site builder UIs
❌ Avoid For
- Data-dense back offices
- Retro pixel game pages
DESIGN.md File
A design system description in the open design.md format. Copy or download it and hand it to AI coding tools.