OpenDesign·你的设计资产库

网页参考

Le Labo

高端香氛品牌,通过情绪感摄影与冷峻排版呈现原生编辑美学。

BeautyFragrance

封面待补录,可通过原站查看设计。

01

设计气质 DNA

工艺原生药剂奢华香氛

精致暗调的药剂实验室,原始材料在此邂逅现代极简主义。

02

色彩

#FFFFFFInk
#333333Ink soft
#000000BG
#595959Muted
rgba(51, 51, 51, 1.0)Line

依赖深色纹理摄影上的白色文字构建高对比单色调色板。

03

字体

grotesque-sans

  • display30px · 900
  • heading18px · 700
  • body14px · 400

标题与标签大量使用大写字母。 · 小型大写文字采用宽松字间距。

04

间距

4px
8px
16px
24px
32px
48px
64px
96px

主容器采用宽松内边距构建适度韵律感。

05

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

sm · 0px
md · 0px
lg · 0px
pill · 999px

1px solid rgba(51, 51, 51, 1.0)

0 2px 4px rgba(0,0,0,0.1)

06

布局

1200container
12columns
24pxgutter
768 / 1024breakpoints

居中栏式布局,大量使用全宽背景影像。

07

动效与交互

100msmicro
300mssmall
0msmedium
cubic-bezier(0.25, 0.1, 0.25, 1.0)easing

交互元素hover时快速透明度过渡。 · 未观察到复杂入场动画。

交互元素透明度变化。 · 即时状态切换,无复杂反馈。

08

组件

  • button 全宽深色矩形区块,搭配白色大写文字。
  • card 基于影像的卡片,极简边框,依赖摄影呈现。
  • chip 此视图中未观察到。
  • input 白色背景下拉菜单,黑色文字配微妙边框。
  • hero 全屏情绪感摄影背景,叠加居中文字。

09

文案语气与禁用清单

  • 语气 直接、权威且含蓄。
  • 标题风格 简短有力的大写陈述句。
  • 按钮文案 全大写高对比按钮,吸引视线。
  • 勿使用鲜艳强调色——截图显示严格单色调色板。
  • 勿为主按钮使用圆角——截图呈现锋利矩形边缘。
  • 勿为主标题使用衬线字体——截图展示粗体几何怪诞无衬线体。
  • 勿用过多小图标使界面杂乱——截图呈现极简处理。
  • 勿使用浅色轻盈背景——截图采用深色情绪感纹理摄影。
  • 勿为关键操作按钮使用小写文本——截图显示全大写文字。
  • 避免: playful 语言
  • 避免: 明亮色彩
  • 避免: 装饰性元素

10

包内真实截图

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

11

System Prompt

这是具有暗调编辑美学的高端香氛品牌网站。采用高对比单色调色板(黑色 #000000,白色 #FFFFFF,柔灰 #333333),应用于全出血情绪感摄影。排版仅使用粗体大写怪诞无衬线体(如声明的 Bell Gothic Std)。关键色值为 #000、#FFF 与 #333。关键禁忌:勿用鲜艳强调色,勿为按钮使用圆角,勿为关键操作使用小写文本。设计极简,聚焦影像纹理与排版冷峻感以传达工艺奢华。

把这份品味接进你的 Agent

把这套设计的机器可读规格——色彩、字体、动效,整套 DNA——直接交给你的 AI Agent。

OpenDesign 技能 ↗

复制给 Agent

参考链接与来源说明,可复制给 Agent。