精选 · 开放 · 免费

Veja

采用摄影主导、极简编辑式设计系统的高端可持续鞋履品牌。

01

设计气质 DNA

融合极简电商与高端编辑叙事的时尚品牌。

02

色彩

采用高对比度黑白单色系调色板，视觉丰富性依赖摄影呈现。

03

字体

grotesque-sans

• display60px · 700
• body16px · 400

导航与主要行动号召文字使用大写 · 以Helvetica字体及无衬线后备字体维持严格的字体层级 · 大尺寸展示文字采用紧凑行高，正文保持标准间距

04

间距

基于4px网格系统，交互元素与模态布局采用充裕内边距。

05

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

按钮与交互状态采用1px实线边框。

0px 0px 18px 0px rgba(0, 0, 0, 0.2)

06

布局

以摄影为主导的布局，标准电商网格隐藏于中央模态框与底部Cookie横幅之后。

07

动效与交互

hover状态与模态框显现采用opacity与transform过渡效果。

交互元素采用细腻的opacity或transform过渡。 · 标准指针光标配合过渡反馈。

08

组件

• button 采用小圆角矩形按钮，文字为大写形式。
• card 无可见边框的产品或编辑图片网格。
• chip 不适用
• input 不适用
• hero 全出血电影级摄影作为首要主视觉元素。

09

文案语气与禁用清单

• 语气 沉稳自信、高端且透明。
• 标题风格 粗体、大写且具宣言感。
• 按钮文案 直接且功能化，采用全大写确保清晰度。

• 禁止使用鲜艳强调色——截图显示严格的黑、白、灰单色系调色板。
• 禁止使用圆润药丸形按钮——截图显示小圆角（≤5px）的矩形按钮。
• 禁止使用俏皮、手写或衬线字体——截图显示严格使用Helvetica/grotesque-sans字体。
• 禁止在布局中堆叠多个重叠文本元素——截图显示在大幅摄影区域上仅叠加少量文字。
• 禁止将品牌标识隐藏在复杂导航中——截图显示持久清晰的logo布局。
• 禁止使用浅淡柔和的马卡龙色背景——截图显示深黑与纯白形成的高对比度效果。
• 避免: 过度使用鲜艳强调色
• 避免: 圆润、俏皮的UI元素
• 避免: 密集拥挤的排版

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

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