调色板
品牌
- Webflow Blue
#146ef5 - Indigo Ink
#1366e2
中性的
- Mercury Tint
#6ca7ff - Mint Pulse
#60ed76 - Apricot Glow
#ffa666 - Obsidian
#080808 - Pure White
#ffffff - Slate
#5a5a5a
排版
从 10 像素到 80 像素 · 8 个步骤
- WF Visual Sans Variable — 替代品： Inter · 轮廓 400, 500, 550, 600
- WF Visual Sans Mono — 替代品： JetBrains Mono · 轮廓 400
音程和形式
| 目的 | 意义 |
|---|---|
| 密度 | 平均的 |
| 基本步骤 | 16px |
| 按钮半径 | 4px |
| 卡片半径 | 8px |
| 阴影 | 柔和的阴影 |
| 各部分之间 | 80px |
| 页面宽度 | 1200px |
AI 将按照Webflow风格构建您的网站并填充内容。
- 通过链接（ Instagram 、 TikTok 、 Facebook ）发布产品和帖子。
- 从旧网站迁移内容——只需指定地址即可。
- 采用最佳引擎的现代设计： React （ Next.js ），开箱即用服务器端渲染和 SEO 优化。
- 全自动搜索引擎优化，支持搜索结果和神经网络推荐。
相似风格
- Apple (España) — 黑色剧院，配有照明设备
- AYOCIN — 象征健康的太阳图腾。打造如同温暖室内照片般的屏幕：醒目的字体、柔和模糊的建筑阴影，以及置于平静柔和空间中的单个发光物体。
- Bose — 海边的摄影棚。一幅被风吹拂的广告画面占据了整个画面，而清晰的黑白宣传控制元素则像精密的细节一样围绕着它排列。
- Bauhaus Clock — 包豪斯风格的时钟——绿松石色的机械光芒。用深沉、电影感十足的时钟图像来衬托平静、明亮的表面，并将绿松石色作为一种罕见的发光细节。
- Airbnb — 一面静谧的白色画廊墙，上面挂着一枚珊瑚红色的书签。
- Agence Foudre — 杂志封面采用柔和的粉红色，让人联想到口红的颜色。
- Apple (España) — 白色画廊展示柜
- sweetgreen — 黄金时段，农产品摊位上的一块牌子
- teenage engineering — 工业摄影棚照明产品目录——产品是页面上唯一的主要元素，其他所有内容都围绕它展开。
- Lightship — 一幅展现公路旅行的电影式立体模型。温暖的奶油色画廊墙壁上装饰着紧密排列的大幅风景照片，细细的黑色字体几乎难以辨认地印在画框上，一抹亮橙色打破了单调的氛围，如同草地上的篝火。
- Silencio — 一个白色的房间，漂浮着各种展品。一个用温暖的纸张制成的画廊展台，每个展品都与负空间背景相映成趣，而静谧的环境则是刻意营造的设计氛围。
- Oakâme — 阳光普照的普罗旺斯工坊，由温暖的石头雕琢而成。