精选 · 开放 · 免费

Le Labo

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

beautyfragrance
Le Labo 网站截图
↓ 下载设计系统包 (15 MB)在 OpenDesign 中打开

原站: https://www.lelabofragrances.com

📦 浏览包内文件 →

01

设计气质 DNA

工艺原生药剂奢华香氛

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

02

色彩

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

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

03

字体

grotesque-sans

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

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

组件

09

文案语气与禁用清单

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

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

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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