01
设计气质 DNA
极简主义精致自信专业编辑感
一本拥有大量留白和精心排版的高端建筑期刊
02
色彩
#1A1A1AInk#555555Ink soft#FFFFFFBG#F8F8F8BG soft#F0F0F0BG quiet#999999Mutedrgba(0, 0, 0, 0.08)Line以单色灰度为基础，带有微妙的暖色调，避免使用鲜艳的强调色，转而依靠渐变图像来呈现色彩
03
字体
- display
42px · 400 - h2
28px · 400 - body
18px · 400 - caption
14px · 400
标题使用浅字重（300-400）以保持优雅 · 正文使用常规字重，搭配充裕的行高 · 通过尺寸而非字重变化来建立严格的层级关系
04
间距
4px8px12px16px24px32px48px64px96px128px192px充裕的垂直间距，各部分之间以 1.5-2 倍基础单位递增
05
表面 (圆角 / 阴影 / 边线)
sm · 4px
md · 8px
lg · 12px
pill · 999px
不使用可见边框；通过间距和微妙的背景色变化实现分隔
06
布局
1200container
12columns
24pxgutter
768 / 1024breakpoints
全宽 hero 区域，内容居中，然后过渡到多栏网格以展示项目
07
动效与交互
150msmicro
300mssmall
500msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
滚动时的微妙淡入效果 · 交互元素上温和的 hover 过渡
交互元素上的微妙透明度变化或颜色偏移 · 即时响应，无按压动画
08
组件
- button 极简的描边按钮，带有微妙的边框，无填充，搭配精致的排版
- card 渐变填充的卡片，圆角，无阴影，用作视觉项目展示
- chip 简单的描边胶囊，用于导航或标签
- input 简洁的文本输入框，仅有底部边框，样式极简
- hero 以大段文字为主的 hero 区域，包含大号衬线标题和配套段落
09
文案语气与禁用清单
- 语气 自信、有经验、微妙权威感但不浮夸
- 标题风格 直接且陈述性，使用主动语态动词和简洁措辞
- 按钮文案 低调且提供信息，而非强行推销或导向销售
- 不要使用明亮的强调色 —— 网站保持灰度调色板，色彩仅来自渐变图像
- 不要添加装饰元素或图标 —— 设计完全依赖排版和间距来创造视觉趣味
- 不要使用厚重的阴影或 3D 效果 —— 表面应显得平整并融入背景
- 不要使用超过 500 的粗体字重设置文字 —— 所有文字保持浅至常规字重以维持优雅
- 不要创建紧凑的布局 —— 大量留白是贯穿始终的基本设计原则
- 不要使用复杂的动画或动效 —— 交互应微妙且有目的性
- 避免: 行话过多的语言
- 避免: 过于随意或俏皮的措辞
- 避免: 激进的销售策略
11
System Prompt
这是一个为 AColorBright 打造的高级设计工作室网站，定位为雄心勃勃的企业所信赖的、经验丰富的精致合作伙伴。调色板以纯白（#FFFFFF）和近黑（#1A1A1A）为核心，辅以一系列灰色，刻意避免彩色强调。排版结合了用于展示的过渡衬线体和用于正文的人文主义无衬线体，营造出编辑感和永恒感。关键禁忌：绝不引入明亮的强调色，避免装饰元素或图标，保持大量留白而非紧凑布局，仅使用浅至常规字体字重，以及保持动效极简且微妙。该网站体现了克制作为一种设计原则，其中每个元素都服务于目的。