精选 · 开放 · 免费

Bernerkuhl

采用编辑式、画廊美学的极简时尚电子商务。

01

设计气质 DNA

高端时尚画廊目录。

02

色彩

单色方案，聚焦于米白背景上的高对比度黑色。

03

字体

transitional-serif

• display20px · 400
• body12px · 400

导航和关键标签使用大写字母。 · 保持紧凑行距，营造精致、紧凑的感觉。 · 整体使用标准字重 (400) 以保持一致性。

04

间距

各区块间留有充足留白，产品展示区域采用紧凑、结构化的网格。

05

表面 (圆角 / 阴影 / 边线)

输入框与分割线采用 1px 实心黑色锐利边框。

06

布局

桌面端采用边缘到边缘的图像，过渡到干净的白色背景和结构化的产品网格。

07

动效与交互

滚动时平滑淡入与细微变换。

交互元素上光标变为指针，可能伴有细微的透明度变化。 · 即时响应，无厚重的反馈动画。

08

组件

• button 极简的纯文字按钮，通常使用大写字母，有时附带一个小的实心方块指示符。
• card 无边框的产品卡片，完全依赖高质量摄影。
• chip 用于产品编号的小型圆角白色标签。
• input 仅底部有边框的极简输入框。
• hero 大型、全出血的分屏图像或单幅主题摄影。

09

文案语气与禁用清单

• 语气 精致、内敛、直接。
• 标题风格 简洁且功能化，常使用数字序列。
• 按钮文案 全大写、极简，并融入整体网格。

• 不要在卡片或容器上使用圆角——截图显示为锐利的直角边缘。
• 不要使用粗体字重——截图显示所有文本均统一使用字重 400。
• 不要使用鲜艳的点缀色——截图显示严格使用黑白灰单色方案。
• 不要在 UI 元素上使用投影——截图显示完全扁平化的设计。
• 不要对正文使用复杂的多栏布局——截图显示非常简洁、通常为单栏的结构。
• 不要使用标准无衬线字体——截图中所有排版均使用一种独特的过渡衬线体。
• 避免: 鲜艳色彩
• 避免: playful 文案
• 避免: 密集文本块
• 避免: 繁杂背景

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

en · zh-CN · zh-TW · ja · ko