精选 · 开放 · 免费
Ashleyandco
一家现代香水公司，运用柔和的中性色与摄影极简主义，营造平静、高端的购物体验。
CalmPhotographicCleanProductPremium
01
设计气质 DNA
香气现代简洁精致极简
一家高端极简主义精品店，依靠氛围摄影和静谧的字体排印。
02
色彩
#3C3C3CInk
#F6F3F0BG
#939393Muted
rgba(3C3C3C, 0.1)Line
温暖、去饱和的中性色，退居次位以让生活方式摄影占据主导。
03
字体
transitional-serif · grotesque-sans
- display
42px · 400 - body
12px · 400
展示型标题使用衬线体，与简洁的无衬线正文形成优雅对比。 · 导航和次要文本采用大写并增加字距，以维持干净、有韵律的基线。 · 正文保持小巧且不显眼，以最大化留白空间。
04
间距
4px
8px
16px
24px
32px
48px
64px
96px
容器内采用宽裕的padding，以维持高端、整洁的感觉。
05
表面 (圆角 / 阴影 / 边线)
sm · 4px
md · 8px
lg · 10px
pill · 999px
极简，通常通过深色或柔和灰色的1px线条来定义。
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
非对称分割布局和全宽氛围摄影。
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
平滑的淡入和轻柔的缓动，营造平静的浏览体验。
微妙的透明度变化或颜色过渡。 · 通过状态变化提供即时视觉反馈。
08
组件
- button 高对比度的纯色矩形，大写文本，直角边角。
- card 以图像为主的卡片，边框极简，排版干净。
- chip 简单的药丸形或矩形标签。
- input 极简的仅底线输入框。
- hero 全视口或大幅摄影背景，叠加衬线体标题。
09
文案语气与禁用清单
- 语气 精致、平静且富有感染力。
- 标题风格 简短、富有感染力的短语，使用过渡衬线体。
- 按钮文案 直接、大写且功能性强。
- 不要使用鲜艳或高饱和度的颜色——截图显示的是严格的温暖、去饱和中性色系。
- 不要使用装饰性或厚重的字体——截图显示正文使用干净的grotesque-sans，展示型标题使用精致的过渡衬线体。
- 不要添加投影或厚重边框——截图显示的是扁平、无边框的表面，依赖留白空间。
- 不要使用圆角按钮或卡片——截图显示的是锋利的直角边角（即使10px的圆角也极少使用）。
- 不要使用小而拥挤的布局——截图显示的是宽裕的padding和元素间的宽间距。
- 不要使用激进或促销性的语气——截图显示的是平静、精致的语言，聚焦于生活方式。
- 避免: 鲜艳的色彩
- 避免: 厚重的阴影
- 避免: 密集的文本块
10
包内真实截图
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏抓自真实页面 · 真 computed styles
11
System Prompt
这份设计DNA适用于一家高端香水公司，采用平静、极简、以摄影为主导的方法。它使用温暖的中性色系（#F6F3F0, #3C3C3C, #939393）和干净的字体层级，将过渡衬线体展示字体与grotesque-sans正文字体配对。布局依赖于宽裕的留白和高质量的生活方式图像。关键禁忌：避免鲜艳的颜色、避免厚重阴影或边框、避免装饰性字体、避免圆角UI元素、避免密集文本、避免激进或促销性语言。此风格适用于高端消费品牌、编辑类网站或强调氛围的产品展示。
en · zh-CN · zh-TW · ja · ko