01
设计气质 DNA
极简主义编辑式高端神秘感以人为本
高端时尚杂志或画廊展览目录。
02
色彩
#2525FFAccent#FFFFFFInk#000000BG#808080Mutedrgba(255, 255, 255, 0.1)Line高对比度的单色设计,交互元素使用单一、饱和的蓝色作为点缀。
03
字体
- display
28px · 400 - body
24px · 300 - label
16px · 700 - micro
14px · 400
标签使用大写字母并增加字间距 · 正文使用细体以保持轻盈感 · 在深色背景上使用宽松的行高以提升可读性
04
间距
4px8px16px24px32px48px64px96px宽松的纵向间距营造出呼吸感和专注感,强调“画廊”般的体验。
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 4px
lg · 8px
pill · 999px
卡片或容器无可见边框;依靠间距和图像内容进行视觉分隔。
06
布局
1400container
12columns
24pxgutter
768 / 1024breakpoints
全出血的图片后接左对齐、带有大量留白的文字区块。
07
动效与交互
200msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0.0, 0.2, 1)easing
滚动时淡入 · 平滑的图片过渡效果
交互元素在悬停时有微妙的缩放或透明度变化 · 即时响应
08
组件
- button 药丸形状的蓝色点缀菜单切换按钮,带有水平线条
- card 大尺寸、全宽图片卡片,无边框
- hero 全宽电影感摄影图片,后接左对齐文字
09
文案语气与禁用清单
- 语气 精致、自信、略带挑衅性,且以人为本。
- 标题风格 直接、陈述性的表达,挑战行业惯例。
- 按钮文案 极简且功能化(例如:菜单图标)。
- 不要使用明亮或多色的配色方案——截图显示严格的单色配色,仅有一个蓝色点缀。
- 不要将所有文字区块居中对齐——截图显示文字采用左对齐排版。
- 不要为正文使用粗重的字体——截图显示使用轻盈、透气的字重。
- 不要使用可见的边框或卡片——截图依靠图像和间距进行分隔。
- 不要使用复杂的网格或杂乱的布局——截图显示清晰的纵向流程。
- 不要使用 playful 或圆角的 UI 元素——截图显示锐利、精确的几何形状。
- 避免: 术语行话
- 避免: 过多的感叹号
- 避免: 杂乱的布局
11
System Prompt
这是一个以摄影为核心、极简主义的代理机构网站。它将自己定位为一个“俱乐部”而非传统代理机构,专注于创意和以人为本的工作。设计依赖于纯黑 (#000000) 和白 (#FFFFFF) 的高对比度配色,交互元素使用单一、鲜艳的蓝色 (#2525FF)。字体采用几何和人文无衬线类别,使用细体字重以保持优雅。关键约束:避免使用明亮颜色,避免文字区块居中对齐,避免使用粗重的字体,避免使用可见的边框或卡片容器。布局大量使用留白,营造出画廊般的体验,大尺寸摄影图片是主要的视觉驱动力。