精选 · 开放 · 免费

Aimé Leon Dore

一个极简主义的高端时尚电子商务网站，将电影般的编辑摄影置于 UI 元素之上。

01

设计气质 DNA

一个精选的高端传承生活方式品牌画廊

02

色彩

采用深黑、纯白和微妙灰色的鲜明单色调色板，以最大化编辑摄影的视觉冲击力。

03

字体

geometric-sans · neo-grotesque-sans

• display14px · 400
• body14px · 400
• caption10px · 400

品牌标识、导航和交互标签大量使用大写字母 · 所有文字尺寸均应用宽裕的字距，营造高端感 · 简洁、字距宽松的排版与全出血摄影相配

04

间距

严格的间距系统，模态和页眉内部留有宽裕的边距，以创造呼吸空间。

05

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

仅用于分隔不同元素（如输入字段、按钮和菜单分隔线）的极简边框。

06

布局

全出血沉浸式摄影，配有居中、固定的页眉叠加层，间以大型、简洁的矩形模态浮层。

07

动效与交互

模态出现时平滑的淡入淡出和变形过渡 · 次级 UI 元素的线性滑动动画

交互式文字和图标上的微妙不透明度变化或简单的颜色反转。 · 通过简洁的状态变化提供即时触觉反馈。

08

组件

• button 简洁的矩形按钮，主操作采用实心黑色填充，次级操作采用纯白背景和黑色边框。
• card 在主视图中不可见，但根据编辑风格推断为基于网格且无边框。
• chip 不存在。
• input 仅有底部边框的简单输入字段。
• hero 全出血电影式视频或照片主视觉，配有固定页眉叠加层，展示品牌名称和极简导航图标。

09

文案语气与禁用清单

• 语气 精致、高端且刻意低调。
• 标题风格 全大写、字距宽松、简洁且高度结构化。
• 按钮文案 直接、大写且功能明确。

• 不要使用圆角——截图显示的是尖锐的矩形 UI 元素，如按钮和模态框
• 不要添加彩色点缀——截图显示的是严格的单色、中性调色板
• 不要使用沉重的投影——截图显示的是无深度效果的扁平、干净表面
• 不要使用小写导航——截图显示的是主链接全大写且字距宽松
• 不要使用活泼或装饰性字体——截图显示的是严格的、功能性的无衬线和几何字体
• 不要使用复杂的网格边框——截图显示的是基于留白的简洁分隔
• 避免: 鲜艳或饱和的颜色
• 避免: 圆角或柔和形状
• 避免: 密集、杂乱的布局

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

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