01
设计气质 DNA
编辑风格精品策展精致
一本高端精品杂志或一个策展的画廊目录。
02
色彩
#1E49D9Accent#F4F2EDBGrgba(30, 73, 217, 1)Line一个受限的高对比度双色调色板,在温暖的米白色背景上使用深邃的宝蓝色。
03
字体
- display
56px · 600 - headline
24px · 400
展示文本使用紧凑的字距和高字重。 · 频繁使用大写以示强调。
04
间距
4px8px16px24px32px48px64px96px充足的间距强调了极简布局和清晰的分区。
05
表面 (圆角 / 阴影 / 边线)
sm · 4px
md · 8px
lg · 999px
pill · 999px
与主要油墨颜色匹配的纤细、均匀边框。
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
一个严格的50/50分屏布局,将一张黑白图像与交互式控件分开。
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
在静态截图中未明确显示任何动效。
交互式椭圆形按钮上暗示的悬停状态变化。 · 需要点击按钮以绕过年龄验证。
08
组件
- button 带有粗体大写文本的椭圆形轮廓按钮。
- card 未见。
- chip 未见。
- input 未见。
- hero 一个作为年龄验证英雄区域的分屏布局。
09
文案语气与禁用清单
- 语气 直接、精致且略带俏皮。
- 标题风格 对话式但权威的大写问句。
- 按钮文案 简单、第一人称的大写陈述句。
- 不要使用多种主色——截图显示的是严格的双色调色板。
- 不要使用左对齐的文本作为主要操作——截图显示文本居中在椭圆形状内。
- 不要使用厚重的投影——截图显示的是扁平化的图形设计。
- 不要使用复杂的多列网格——截图显示的是清晰的分屏布局。
- 不要使用深色背景——截图显示的是明亮、温暖的米白色背景。
- 不要使用厚重的装饰性衬线字体——截图使用的是简洁的几何无衬线字体。
- 避免: 避免过于复杂或企业化的语言。
- 避免: 避免杂乱的UI或过多的边框。
- 避免: 避免特定椭圆形状之外俏皮、活泼或过于圆润的元素。
- 避免: 避免柔和、低对比度的颜色组合。
- 避免: 避免缺乏特色的通用无衬线字体。
- 避免: 避免密集的文本块。
11
System Prompt
这是一个为策展品牌设计的、精致的聚焦编辑风格的年龄验证页面。设计依赖于一个高对比度的双色调色板,在温暖的米白色背景(#F4F2ED)上使用深邃的宝蓝色(#1E49D9)。排版简洁且具有几何感,使用粗体 grotesque-sans 类别字体以达到最大冲击力,采用大号大写文本。布局是严格的50/50分屏,将一张风格化的黑白照片与交互元素分开。关键的禁忌包括避免企业化语言、避免复杂网格以及避免柔和、低对比度的颜色组合。设计必须在极简克制与大胆、富有表现力的图形元素之间取得平衡。