Webflow

Difficulty:
Company
webflow

Effect Preview

Style Description

Visual website builder. Blue accents, refined marketing-site aesthetic

Tags

WebflowDesign

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

Web App
Build a web app with Webflow design language and #146ef5 color system.

Webflow Dashboard

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

✅ Best For

  • Design
  • Brand-consistent interfaces
  • Modern web applications

✅ Avoid For

  • Unrelated design aesthetics
  • Different brand guidelines