返回设计库
W

Webflow

Webflow

访问网站

Visual web builder. Blue-accented, polished marketing site aesthetic.

蓝色强调视觉构建营销网站无代码

配色方案

primary
background
surface
text
muted
border

字体规范

标题字体Inter, system-ui, sans-serif
正文字体Inter, system-ui, sans-serif
基础字号16px
行高1.5
字重400, 500, 600, 700

标题层级

h1Webflow Heading
h2Webflow Heading
h3Webflow Heading
h4Webflow Heading

DESIGN.md

# Webflow Design System

## Visual Theme & Atmosphere
Polished visual builder. Blue with clean marketing aesthetics.

## Agent Prompt Guide
Blue-accented marketing theme. Visual builder panel layouts.

相关设计系统

F
Framer
Framer
同为设计工具设计系统
F
Figma
Figma
同为设计工具设计系统

常见问题

Webflow 的设计风格是什么？

Visual web builder. Blue-accented, polished marketing site aesthetic.

Webflow 使用什么主色调？

Webflow 的主色调是 #4353FF，背景色为 #FFFFFF，文本色为 #1A1A2E。

Webflow 使用什么字体？

标题字体: Inter, system-ui, sans-serif。正文字体: Inter, system-ui, sans-serif。基础字号: 16px。

如何在项目中使用 Webflow 设计系统？

点击上方 DESIGN.md 代码块中的复制按钮，将完整设计规范复制到你的项目中。AI Coding 工具（如 Cursor）可以直接读取 DESIGN.md 来生成符合 Webflow 风格的代码。

探索更多设计系统

发现 50+ 精选设计系统，为你的 AI Coding 项目提供设计灵感。

查看全部设计系统