quiet-luxury

quiet-luxury

唯一的身份：一家私人银行的年度报告——拿在手中的感觉，自然与众不同。

1. 配色（固定）

• 底色：象牙白 #F7F2EA。交替面板：#EFE8DC。
• 墨色：深浓缩咖啡色 #17130F（带暖调的近黑色）。次要文字：#6E655A。
• 强调色——仅一种：古铜色 #9A7B4F、牛血红 #742D2C 或深森林绿 #2E4436。根据品牌选择，之后绝不更改。
• 分隔线：rgba(23, 19, 15, 0.18) 细线。
• 不使用纯白背景（看起来像“模板”），不使用渐变，不使用发光阴影。阴影仅可用于浮动元素，并且必须极其柔和（blur ≥ 40px，不透明度 ≤ 0.12）。

2. 字体排印（固定）

• **展示字体：**高反差衬线字体（Cormorant、Canela 同级、Playfair Display，或 Garamond 后备字体），字号 clamp(2.6rem, 6.5vw, 5.5rem)，字重 400–500，紧凑行距 0.95–1.05。斜体是允许的点缀——每个标题仅用于一个词。
• **正文：**中性无衬线字体（系统无衬线字体栈，字重 300–400），字号 16–17px，行高 1.7；或在编辑类版块中使用 18px 衬线字体。正文对比度应柔和——使用柔和墨色 #6E655A，绝不可用纯黑。
• **标签：**小型大写字母或无衬线大写字母，letter-spacing: 0.18–0.28em，字号 10–11px，柔和墨色。
• 数字：衬线数字。旧式数字特性（0.75em，必要时使用等宽数字）。

3. 版面构成（固定）

• **留白就是产品。**首屏留白 ≥ 18vh。版块间距 ≥ 140px。绝不让元素铺满整个视口边缘。
• **不对称编辑式分栏：**标题占 7/12 栏，中间设细竖线，再设窄窄的 3/12 索引栏（标签堆叠：小型大写字母条目，以细线分隔）。
• **用细线，不用方框：**版块分隔采用细线或留白——绝不用粗边框或填充式卡片。如需面板，使用象牙白替代色 #EFE8DC，不加边框，圆角不超过 2px。
• **不使用跑马灯式排版块：**标题 + 一行副标题 + 一个 CTA。复合内容应有所节制：三个平静的版块胜过八个喧闹的版块。
• 定价：采用表格式列表，顶部加细线，金额使用衬线字体；推荐档位名称上方加一条细强调色线——不要使用填充式方框。

4. 内容呈现

• 不使用表情符号。不使用渐变按钮。不使用“人们握手”的图库照片。
• 图像：全幅、低饱和、电影质感；经过艺术指导的裁切；双色调至中性色调。图像是窗口，而非装饰——应在四周留出充足边距，以信箱式方式呈现，不要铺满整个宽度。
• 文案应体现品牌风格：句子简短，不用感叹号，不出现“🚀”。文案本身就是设计的一部分。
• CTA：一个强调色或墨色的实心按钮，近似方形（圆角 ≤ 4px）；再配一个小型大写字母文本链接，带细下划线。绝不放置两个同等醒目的按钮。

5. 动效（若有若无）

• 每个版块仅设置一次场景入场动效：上移 10–14px，持续 500–700ms，使用 cubic-bezier(0.22, 1, 0.36, 1)。
• 悬停：效果微妙——颜色转为强调色，不透明度 0.85，持续 200ms。不要弹跳、不要抖动、不要旋转。

6. 检查清单（出现以下情况则页面不合格……）

• 使用纯白 #FFFFFF 背景。
• 出现不止一种强调色。
• 展示标题使用了无衬线字体。
• 出现任何表情符号、五彩纸屑或渐变。
• 标题未达到约 2.6rem，或正文颜色为纯黑。
• 主要版块之间的间距不足约 140px。
• 每个视口中可见的实心 CTA 超过一个。
• 卡片圆角超过约 2px，且没有充分理由。