
Allbirds
白色亚麻布上的天然材料
Allbirds 的设计风格沉稳自然,充满自信——几乎完全采用无彩色调,辅以温暖的沙色 (#e0dacf) 和柔和的大地色系,这些色调均直接取自产品摄影作品。用户界面不会干扰产品体验:白色背景、纤细的边框、全大写字母的导航栏以及药丸状的控件,这些控件的手感更像是实体按键而非网页元素。Self Modern(一款定制衬线字体)用于少数需要编辑重点处理的关键位置——标题和系列名称——而 Geograph 则用于所有字母、正文和按钮,并提供三种均衡的字重。类别卡片本身就是一个色彩系统:每个卡片的背景色都取自主推产品,将导航栏变成了一个鲜活的 Pantone 色卡。
最大宽度约为 1200 像素,居中放置,并留有充足的侧边距。主要元素是一条全宽的编辑栏,背景为暖沙色,中间是一个大型产品轮播图。类别导航由四列四个相同的彩色卡片组成,每列包含一个居中的鞋款。在首屏下方,布局交替使用全宽分割面板(左侧为生活方式照片,右侧为产品示例)和居中的产品轮播图,产品轮播图下方是一个带有下划线的小型标题。整体布局节奏为:全宽编辑面板 → 四列网格 → 居中产品轮播图 → 双列分割面板 → 居中产品轮播图。各部分之间的间距为 40-56 像素,营造出轻盈而不突兀的过渡效果。导航栏采用极简的固定顶部栏设计,主要链接居中放置。
摄影构成了整个视觉系统。所有产品照片均采用近景拍摄,略微倾斜,并以与鞋款主色调相呼应或互补的纯色背景衬托,从而有效地将每张照片都变成了一幅色彩研究图。生活方式照片则以温暖明亮的色调拍摄于自然环境中(例如龙舌兰田、木质平台、崎岖地形),并经过微妙的调色处理,以契合整体柔和的色调。整个设计中没有插图、3D渲染图或抽象图形。我们与潘通合作,将潘通官方色卡作为图形元素加以运用。图标设计也力求简约,采用单色风格(导航和辅助功能图标均为轮廓图标)。
调色板
中性的
- Canvas White
#ffffff— 页面背景图片、卡片表面、产品卡片背景图片。 - Charcoal
#212121— 辅助 UI 元素、分隔线和低调标签支持使用中性色。但中性色不应用于作为行动号召按钮的主色。 - True Black
#000000— 标题、图标、高对比度边框、导航文字。 - Warm Sand
#e0dacf— 主要部分背景、附加表面阴影、大型编辑面板。 - Olive Char
#222519— 辅助 UI 元素、分隔线和低调标签支持使用中性色。但中性色不应用于作为行动号召按钮的主色。 - Iron Gray
#525252— 次要文本、辅助文本、不显眼的边框。
排版
从 12 像素到 40 像素 · 6 步
- Self Modern — 替代品: Playfair Display · 轮廓 400 · 标题和社论使用得十分克制,着重突出关键短语和系列标题。衬线字体和斜体字打破了无衬线字体的单调感,传达出这样的信息:“这就是故事的精髓。”
- Geograph — 替代品: Inter · 轮廓 400, 500, 700 · 用户界面的主要字体包括正文、导航标签、按钮、产品标题、页脚、输入框和图标。高亮标题使用 500 号字体,产品名称使用 700 号字体。导航标签和类别名称中的大写字母采用较大的字间距(0.025em–0.10em),以建立一致的品牌风格。
- HurmeGeometricSans3 — 替代品: Inter · 轮廓 400 · 很少用作按钮的备用或专用标签。Geograph 每天都在使用这套系统。
音程和形式
| 目的 | 意义 |
|---|---|
| 密度 | 稠密 |
| 基本步骤 | 8-16px |
| 按钮半径 | 9999px (pill) |
| 卡片半径 | 16px |
| 阴影 | 无边框,取而代之的是阴影 |
| 各部分之间 | 40-56px |
| 页面宽度 | 1200px |
AI 将按照Allbirds风格构建您的网站并填充内容。
- 通过链接( Instagram 、 TikTok 、 Facebook )发布产品和帖子。
- 从旧网站迁移内容——只需指定地址即可。
- 采用最佳引擎的现代设计: React ( Next.js ),开箱即用服务器端渲染和 SEO 优化。
- 全自动搜索引擎优化,支持搜索结果和神经网络推荐。
相似风格
- Lightship — 一幅展现公路旅行的电影式立体模型。温暖的奶油色画廊墙壁上装饰着紧密排列的大幅风景照片,细细的黑色字体几乎难以辨认地印在画框上,一抹亮橙色打破了单调的氛围,如同草地上的篝火。
- Faire ES — 暖霜批发目录
- Adanola — 一本印在白纸上的时尚大片。排版和摄影作品在干净的白色表面上显得格外醒目,字体采用黑色墨水,并搭配低调的标志性无衬线字体(Favorit),体现了品牌的整体风格。
- Oura Ring — 一间温馨的燕麦片制作工作室,沐浴在柔和的日光中。
- Stykka — 一间沐浴在白色灯光下的斯堪的纳维亚工作室——一个静谧的手工展厅,这里唯一的声音是摄影。
- DJI — 航空黑色帆布,点缀以一抹亮眼的电光蓝。
- Altitude Beverages — 黑白杂志插页。想象一下,一本时尚杂志的插页,除了静态照片外,所有色彩都被剥离——文字和留白讲述了整个故事。
- AATHER — 一只张开的手掌,一簇火焰——静谧中蕴藏的奢华
- Cowboy — 一家比利时自行车展厅,坐落在雪白的瓷器环境中。展厅内,哑光表面、宣传材料中使用的大字体以及几乎没有任何装饰,都将人们的目光吸引到自行车及其内部物品上。
- Refero — 白色大理石纹理的编辑布局——由排版师设计的产品页面,衬线字体标题是品牌的名片,其他一切都低调内敛。
- Face Formula — 一幅北欧风格的时尚大片。画面平静,杂志风格,模特的眼神和标题(采用简洁的衬线字体)在清冷朦胧的背景下显得格外引人注目。
- Shupatto — 白色大理石博物馆展柜