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

FARFETCH España

一个采用“白色立方体”风格的时尚画廊。想象一下,在一个高端零售空间里,墙壁、地板和陈设都是漂白的白色,只有服装和穿着它们的人才能创造出所有的色调、质感和视觉表现力。

Farfetch 的运作方式如同一个“白色立方体”时尚画廊:界面几乎完全摒弃色彩,让编辑摄影作品主导所有视觉决策。字体设计承担了所有结构性工作——定制的几何无衬线字体(Farfetch Basis)采用 400 和 700 两种字重,而章节标题和徽标则使用衬线字体,将文本视为构图元素。布局如同建筑一般:居中全宽内容、严格的 3 列和 4 列产品网格、充足的章节放置空间(48-72 像素),以及完全摒弃所有装饰元素。组件也去除了繁复的装饰——搜索栏的细微下划线、隐藏的导航链接、图片下方的首字母大写的类别名称、没有阴影或边框的扁平产品图块。系统中唯一的色彩来自照片本身;界面是一个框架,而非图像本身。

页面采用居中全宽布局,最大内容宽度约为 1280 像素。页眉是一个纤细的三区域面板(左侧为类别导航,居中文本图标,右侧为辅助图标),其下方右侧是搜索框。第一部分是一个三列网格,由全宽类别方块(MUJER、HOMBRE、INFANTIL)组成,每个方块都带有叠加标签。每个类别方块下方是一个四列网格,由产品类别卡片(NOVEDADES、ROPA、BOLSOS、ZAPATOS)组成,标题全部大写。类别标题居中,字体顶部和底部垂直缩进约 48 像素。整个页面没有交替的背景条纹,而是一片纯白色。页脚反色为 #222222,以一条深色条纹的形式呈现。导航栏采用极简设计,只有一个顶部栏,没有固定元素、超级菜单或侧边栏。

视觉系统以时尚大片为主——高分辨率的大幅图片铺满整个页面,模特置身于建筑风格的室内环境中,产品则以特写镜头呈现。摄影本身采用柔和、低饱和度的色调:混凝土墙、天然石材、中性色调的室内装潢、柔和的定向日光。模特以半身或全身照的形式拍摄,姿势自然,而非电商目录里那种刻板的姿势。产品图片(包包、鞋子)以中性灰色或石色背景衬托,没有任何生活场景的铺垫——产品本身就是主角。界面没有添加任何视觉元素:没有图标,没有促销贴纸,也没有装饰边框。所有视觉上的丰富性都来自摄影部门,而非设计系统。

调色板

中性的

  • Carbon #222222 — 正文、页面文本、导航链接、图标、徽标、页脚,以及整个单色系统几乎全黑的色调。
  • Paper #ffffff — 页面画布、卡片背景图像、产品图块表面、输入字段和主要背景,使得照片成为唯一的色彩点缀。
  • Ash Gray #b6b6b6 — 细微的图标笔画、额外的边框、背景中的搜索下划线、输入字段中的幽灵文本占位符——这是最安静的选项,但并非文本中立。
  • Stone #f5f5f5 — 导航栏的悬停过渡效果、子面板和广告背景的辅助表面色调,以及该效果栈中最柔和的过渡效果。
  • Graphite #727272 — 辅助文本颜色降低,表单边框不活动,图标轮廓禁用——这种中灰色表示降低了强调程度,但又不影响可读性。
  • Smoke #e6e6e6 — 产品行与行之间巧妙的分隔线,在浑然一体的布局中几乎难以察觉的结构线。

排版

从 13 像素到 30 像素 · 3 步

  • Farfetch Basis — 替代品: Söhne (paid) or Inter (free) — both share the geometric humanist proportions; Inter as the practical open-source fallback · 轮廓 400, 700 · 所有向用户显示的内容均采用定制设计的几何无衬线字体:导航链接字号为 13–15px/400,正文和产品描述为 15px/400,章节标题为 22–30px/400,FARFETCH 标志为 700。标题仅使用 400 字号,这是为了避免使用粗体:章节标题的字重适中,既清晰有力又不会过于粗重,而 700 字号则保留给标志和最具表现力的类别名称。这种特殊的几何结构确保了笔画对比度均匀,并赋予字体一种微妙而温暖的人文气息,这是标准 Helvetica 字体无法实现的。

音程和形式

目的意义
密度稠密
基本步骤24px
按钮半径0px
卡片半径0px
阴影无边框,取而代之的是阴影
各部分之间48-72px
页面宽度1280px

AI 将按照FARFETCH España风格构建您的网站并填充内容。

  • 通过链接( Instagram 、 TikTok 、 Facebook )发布产品和帖子。
  • 从旧网站迁移内容——只需指定地址即可。
  • 采用最佳引擎的现代设计: React ( Next.js ),开箱即用服务器端渲染和 SEO 优化。
  • 全自动搜索引擎优化,支持搜索结果和神经网络推荐。

相似风格

  • MAKR — 一个展示手工皮革制品的博物馆展柜。在一个安静的全白房间里,暖黑色墨水的标签漂浮在皮革制品的大幅照片下方,这些照片或是皮革制品被拿在手中,或是与风景相映成趣,唯一的色彩对比是一条柔和的鼠尾草绿条纹。
  • Franco Maria Ricci Editore — 装饰艺术画廊目录 - 洁白羊皮纸上的抛光金线
  • Laura Monin — 编辑画廊墙,白色大理石,印章
  • OhDada — 编辑画廊墙
  • Cursor — 一间温馨的羊皮纸工作室,被燃烧的煤炭照亮
  • Structured — 文艺复兴画廊,画在类似橡皮泥的纸上
  • MindMarket — 这是一本印在奶油色纸上的温馨童话书——友好的编辑画布上,醒目的国际标题和剪纸人物在阳光普照、柔软的贴纸表面上和谐共存。
  • Airbnb — 一面静谧的白色画廊墙,上面挂着一枚珊瑚红色的书签。
  • Apple (España) — 在柔和的日光下,博物馆展厅是一个单一、迷人、轻盈的白色空间,每个展品都由一束聚光灯照亮,照射在浅色墙壁上。
  • Lamborghini — 展厅里,一辆黑色车身的黄色汽车在聚光灯下熠熠生辉。
  • Amplemarket — 阳光普照的工作场所,到处散落着五彩纸屑。
  • Getharvest — 夕阳西下,书桌的金色光芒映照在眼前——温暖的米色画布上挂着白色明信片,一簇明亮的橙色火焰点缀其间。