精选 · 开放 · 免费
Le Labo
高端香氛品牌,通过情绪感摄影与冷峻排版呈现原生编辑美学。
beautyfragrance
01
设计气质 DNA
工艺原生药剂奢华香氛
精致暗调的药剂实验室,原始材料在此邂逅现代极简主义。
02
色彩
#FFFFFFInk
#333333Ink soft
#000000BG
#595959Muted
rgba(51, 51, 51, 1.0)Line
依赖深色纹理摄影上的白色文字构建高对比单色调色板。
03
字体
grotesque-sans
- display
30px · 900 - heading
18px · 700 - body
14px · 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
包内真实截图
桌面首屏(hero)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
移动首屏抓自真实页面 · 真 computed styles
11
System Prompt
这是具有暗调编辑美学的高端香氛品牌网站。采用高对比单色调色板(黑色 #000000,白色 #FFFFFF,柔灰 #333333),应用于全出血情绪感摄影。排版仅使用粗体大写怪诞无衬线体(如声明的 Bell Gothic Std)。关键色值为 #000、#FFF 与 #333。关键禁忌:勿用鲜艳强调色,勿为按钮使用圆角,勿为关键操作使用小写文本。设计极简,聚焦影像纹理与排版冷峻感以传达工艺奢华。
en · zh-CN · zh-TW · ja · ko