Telegram、 WhatsApp+380637610482
瓦列里·丹尤克
瓦列里·丹尤克开发者为企业开发人工智能工具。高质量,价格实惠。通过 Telegram 联系
Allbirds — 此风格的网站预览

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 — 白色大理石博物馆展柜