
调色板
品牌
- 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) — 黑色剧院,配有照明设备
- Airbnb — 一面静谧的白色画廊墙,上面挂着一枚珊瑚红色的书签。
- Agence Foudre — 杂志封面采用柔和的粉红色,让人联想到口红的颜色。
- Apple (España) — 白色画廊展示柜
- sweetgreen — 黄金时段,农产品摊位上的一块牌子
- teenage engineering — 工业摄影棚照明产品目录——产品是页面上唯一的主要元素,其他所有内容都围绕它展开。
- Lightship — 一幅展现公路旅行的电影式立体模型。温暖的奶油色画廊墙壁上装饰着紧密排列的大幅风景照片,细细的黑色字体几乎难以辨认地印在画框上,一抹亮橙色打破了单调的氛围,如同草地上的篝火。
- Silencio — 一个白色的房间,漂浮着各种展品。一个用温暖的纸张制成的画廊展台,每个展品都与负空间背景相映成趣,而静谧的环境则是刻意营造的设计氛围。
- Oakâme — 阳光普照的普罗旺斯工坊,由温暖的石头雕琢而成。
- Vanmoof — 电影般的黑白展厅
- Factory — 午夜时分的“作战室”终端。“工厂”是一个纯黑色的控制面板,一张白色的卡片像手电筒照着的电报一样落在上面——房间里唯一的物品就是工作本身。
- Nike — 一个单色调的体育成就画廊——白墙,产品本身如同艺术品,镀铬元素融入背景。