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

Zellerfeld

一座以白色大理石为基座的雕塑工作室——基座的整体表面,一抹钴蓝,从地板到天花板低语般的小写字母

Zellerfeld 给人的感觉就像一座白色大理石上的数字雕塑画廊——一个 3D 打印鞋履的市场,单色调的界面、大量的留白和醒目的小写字母,让每件产品都如同博物馆展品一般。界面设计极其克制:一块无色画布,仅以一种醒目的钴蓝色 (#000aff) 点缀,用于关键时刻——图标、激活的“购买”导航以及当前页面状态。卡片悬浮在温暖的珍珠灰色背景上,而非纯白色,赋予网格一种触感丰富的质感,如同石膏模型一般。字体始终采用单一的定制无衬线字体 (Roobert),字母间距紧凑,而 Space Mono 仅用于价格、产品列表和技术元数据。因此,产品页面更像是一个设计媒体网站,而非零售收银台——这里展示的是产品,而非商品。

页面横跨整个页面宽度,包含一个 1440 像素的内容条。主要元素是一个全屏图片横幅,带有浮动式 UI 叠加层。产品板块采用四列网格布局,在平板电脑上折叠为两列,在移动设备上折叠为一列。板块布局顺序为:产品大图描述 → 编辑评分网格 → 新品发布网格 → 媒体联系信息面板。每个产品板块的内容均居中显示在内容条内,板块之间留有 80 像素的垂直间距。导航栏为固定顶部单行导航,上方带有一条细长的广告条。产品卡片严格按照网格排列——图片区域始终以鞋款轮廓为中心,卡片上下留有 40 像素的内边距;元数据区域位于左下角,并配有 40x40 像素的品牌标识。

产品摄影是主要的视觉元素——每双鞋都以四分之三角度拍摄在纯白或石膏表面上,占据整个画面,没有任何背景、模特或环境。主要元素是完整的生活方式照片:脚和鞋子在沙滩或水泥地上的局部特写,始终保持真人比例,但绝非完美无瑕的影棚级品质。“主体即主要元素”的原则贯穿始终——即使在主要内容元素中,鞋子也占据了画面可见区域的40%。不使用任何装饰性图形元素、抽象图案或插图。图标均为线条状,黑色轮廓,绝不填充或着色。

调色板

品牌

  • Electric Cobalt #000aff — 新图标、活动导航栏、当前幻灯片指示器、激活时刻——系统中唯一的色彩提示,使用得非常谨慎,以便将其视为激活信号而不是装饰。

中性的

  • Pale Iris #e5e7ff — 徽章新增颜色填充、柔和高光和带色调的表面,用于标签选项——一种柔和的钴蓝色调,既暗示了色彩,又不会破坏单色调的调色板。
  • Ink Black #111111 — 正文、默认边框、图标轮廓、细分隔线 - 标题、列表和链接的主要结构颜色。
  • Pure White #ffffff — 中性表单状态、图标文本和简洁的 UI 反馈应使用颜色柔和的元素。避免将其用作行动号召的主色调。
  • Plaster #ecedee — 产品卡片、导航栏背景、画布上方平滑凸起的辅助表面。
  • Slate #a1a4aa — 卡片边框阴影、中性按钮填充和柔和的按钮边框均为灰色,突出了卡片的边缘,而不会使其变暗。
  • Fog #d7d7d7 — 浅色卡框、分割线、非活动表面着色。

排版

从 13 像素到 128 像素 · 7 步

  • Roobert — 替代品: Inter · 轮廓 400, 500, 600, 700 · 品牌主字体用于正文和标题等所有文本内容。所有字号的行距保持一致,使标志的小写字母呈现出饱满而富有立体感的视觉效果。字体粗细根据上下文而变化:正文和用户界面使用 400 号字,高亮标题使用 500 号字,产品名称使用 600 号字,大型标题使用 700 号字。
  • Space Mono — 替代品: JetBrains Mono · 轮廓 400, 600 · 技术元数据(价格(€189.00)、前 10 名的数值、股票代码和商店名称)被添加到页面中,以便将页面视为技术规范而不是促销文本。
  • Arial — 替代品: Inter · 轮廓 400 · Arial——在提取的数据中发现,但人工智能未对其进行描述。

音程和形式

目的意义
密度平均的
基本步骤16px
按钮半径10px
卡片半径10px
阴影最低限度
各部分之间80px
页面宽度1440px

AI 将按照Zellerfeld风格构建您的网站并填充内容。

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

相似风格

  • Airbnb — 一面静谧的白色画廊墙,上面挂着一枚珊瑚红色的书签。
  • Apple (España) — 白色画廊展示柜
  • Silencio — 一个白色的房间,漂浮着各种展品。一个用温暖的纸张制成的画廊展台,每个展品都与负空间背景相映成趣,而静谧的环境则是刻意营造的设计氛围。
  • Oakâme — 阳光普照的普罗旺斯工坊,由温暖的石头雕琢而成。
  • Nike — 一个单色调的体育成就画廊——白墙,产品本身如同艺术品,镀铬元素融入背景。
  • Arc — 午夜水面之上的工业白色画廊
  • Rivian — 画廊混凝土墙上矗立着一座醒目的电子巨石。Rivian 将每辆车都呈现为一件雕塑作品,置于广阔的白色背景之上,硕大的字体本身就成为了一种建筑元素,而一抹温暖的黄色打破了单调的氛围,如同阳光洒在哑光表面上一般。
  • Analogue — 黑色画廊展示柜——商品悬浮在虚空中
  • ddna — 温暖的博物馆展柜,置于未经处理的亚麻布上
  • UY Studio — 修道院的石砌走廊是一个安静的空间,墙壁是混凝土的,香水瓶摆放在白色的基座上,由一盏 400 瓦的台灯和四个暖灰色的灯泡照明。
  • Basic.Space — 白色大理石上的策展画廊
  • COS — 一家时尚的画廊,墙壁是白色的。