01
设计气质 DNA
超现实主义氛围感沉浸式高端实验性
如一本奢华的数字杂志或画廊空间，感觉空灵而广阔
02
色彩
#FFFFFFInk#000000Ink soft#0A1A99BG#C5D2F0BG softrgba(0, 0, 0, 0.1)Line空灵的蓝白渐变唤起氛围感、超现实的天空意象，搭配高对比度的白色排版
03
字体
- display
200px · 400 - heading
50px · 700 - subtitle
30px · 400 - body
25px · 400 - small
20px · 400
正文与UI元素使用 DM Sans · 主品牌标识使用 Didone 衬线字体（如 Times New Roman 或 _NewYork） · 导航与圆形文本元素严格使用大写
04
间距
4px8px16px24px32px48px64px96px144px250px充裕的内边距，英雄区采用144px和250px间距，营造沉浸感
05
表面 (圆角 / 阴影 / 边线)
sm · 4px
md · 8px
lg · 12px
pill · 50px
底部1px白或黑边框，药丸形按钮采用50px圆角
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
全出血渐变背景，居中内容与充裕垂直间距
07
动效与交互
220msmicro
500mssmall
1000msmedium
cubic-bezier(0.215, 0.61, 0.355, 1)easing
背景与透明度变化采用1秒线性过渡 · 交互元素使用0.5秒 cubic-bezier 缓动 · 圆形文本元素持续旋转动画
细微过渡，0.5秒 cubic-bezier 时序 · 标准指针交互，特定元素使用抓取光标
08
组件
- button 药丸形（50px圆角），白色背景搭配大写蓝色文字
- card 极简风格，可能采用透明或渐变背景，配以充裕内边距
- chip 截图中未显示
- input 截图中未显示
- hero 全屏渐变背景，超大居中衬线品牌标识与圆形旋转文本
09
文案语气与禁用清单
- 语气 空灵、精致且略带神秘感
- 标题风格 超大衬线品牌标识搭配简洁无衬线副标题
- 按钮文案 药丸形容器内的极简大写文本
- 避免拥挤布局——截图显示充裕的留白与居中极简构图
- 避免使用鲜艳强调色——截图仅显示蓝白渐变与白色排版
- 主品牌标识避免使用无衬线字体——截图显示 'ATMOS' 采用衬线排版
- 主要信息避免使用小号文本——截图显示主品牌使用200px展示字体
- 交互元素避免使用尖锐圆角——截图显示50px药丸形按钮
- 避免复杂导航——截图显示单一的 'EXPLORE' 行动号召按钮
- 避免: 拥挤的界面
- 避免: 杂乱的背景
- 避免: 复杂的导航模式
- 避免: 侵略性的行动号召
10
包内真实截图
11
System Prompt
这是一个沉浸式超现实数字体验，采用蓝白大气渐变与超大衬线排版。设计核心为200px 'ATMOS' 品牌标识，使用 Didone 衬线字体，正文与UI元素搭配人文无衬线 DM Sans。色彩限制为渐变蓝（#0A1A99 至 #C5D2F0 至 #FFFFFF），文字为纯白（#FFFFFF），强调色为黑色（#000000）。关键设计原则包括充裕间距（144px和250px内边距）、药丸形按钮（50px圆角）和流畅的1秒线性过渡。重点禁忌：避免拥挤布局，主品牌标识不使用无衬线字体，不引入破坏空灵渐变美学的鲜艳强调色。系统使用 DM Sans 处理功能性文本，衬线字体处理展示排版，营造高端编辑质感。