Gentle Monster

一个产品即雕塑的高定时装画廊。

严格的单色调色板，完全依赖大规模摄影来提供视觉吸引力和情感。

transitional-serif · humanist-sans

• display56px · 700
• heading28px · 400
• body16px · 400
• caption12px · 400

在粗体衬线品牌标志与简洁的无衬线 UI 元素之间保持严格的层级关系。 · 为大尺寸展示文本保持紧凑的行高，以维持紧凑的编辑感。 · 对“TOP 20 BESTSELLER”等实用标签，谨慎使用宽松的字距和全大写样式。

灵活且富有呼吸感；使用充裕的留白来提升产品摄影，并保持高端、整洁的感觉。

1px solid rgb(229, 231, 235)

0px 0px 8px 0px rgba(0, 0, 0, 0.1) · 0px 0px 18px 0px rgba(0, 0, 0, 0.2) · 0px 1px 2px 0px rgba(0, 0, 0, 0.08)

以上半部分为主的视觉布局，以全幅编辑首图开始，后接简洁的左对齐产品网格和充裕的垂直内边距。

为交互元素提供细微的 opacity 和 background-color 过渡。 · 为展开菜单和弹窗提供平滑的 height 和 transform 过渡。 · 为产品卡片在 hover 时添加细微的缩放效果。

为主按钮和链接提供细微的背景色或透明度变化。 · 通过状态变化提供即时反馈，保持响应式感觉。

• button 高对比度的主按钮，采用纯黑背景和白色文字；胶囊形状用于次要操作。
• card 极简的产品卡片，配有大尺寸图像、简洁的无衬线字体和极细的边框。
• chip 胶囊形元素，常用于快速导航或筛选。
• input 简洁的文本输入框，带有细微的底边框或包裹在柔和的圆角容器内。
• hero 全出血的高分辨率摄影画布，优先考虑视觉冲击力而非文字。

• 语气 精致、静谧且纯粹视觉化；设计通过摄影而非文案来表达。
• 标题风格 粗体，通常基于衬线字体，保持强烈的编辑存在感。
• 按钮文案 直接、高对比度且极简，常使用全大写或简洁的无衬线字体。

• 不要使用明亮的霓虹色——调色板严格单色（#111111, #FFFFFF, #858585）。
• 不要用密集的文本块使 UI 杂乱——布局优先考虑呼吸空间和留白。
• 不要使用活泼或圆润的无衬线字体——字体搭配是精致的过渡衬线体与简洁的人文主义无衬线体。
• 不要添加厚重的投影或 3D 效果——表面大部分是平面，带有非常细微、柔和的阴影。
• 不要使用鲜艳或高饱和度的强调色——网站完全依赖黑色、白色和摄影来提供色彩。
• 不要使用包含许多列的复杂网格布局——结构简洁，主要是单列或简单的 12 列网格。
• 避免: 明亮的霓虹色
• 避免: 杂乱的布局
• 避免: 过多的装饰性边框

历史提取与模型分析 · 尚未逐项校验