精选 · 开放 · 免费
Airstudios
一个专业录音棚的、富有艺术感的大胆网站
EditorialExperimentalStudioTypographyPhotographic
01
设计气质 DNA
录音棚音乐创意声音
高端录音棚的数字呈现
02
色彩
#1A1B1BInk
#FA516ABG
#4A4A44BG quiet
rgba(26,27,27,1.0)Line
以鲜艳的主背景色搭配深色文字，形成高对比度
03
字体
grotesque-sans
- display
56px · 300 - body
14px · 300
大量使用浅字重（300） · 导航和强调文本使用全大写
04
间距
4px
8px
16px
24px
32px
48px
64px
96px
一致的内边距和外边距
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 999px
用于构建结构的1px实线，谨慎使用
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
居中布局，页脚采用分栏组织
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
首屏图形的生成式动画 · 平滑的背景颜色过渡
细微变化 · 即时响应
08
组件
- button 在可见截图中极简或不存在
- card 未见卡片
- chip 未见标签
- input 未见输入字段
- hero 全屏首屏，配有动画抽象生成艺术与极简文字
09
文案语气与禁用清单
- 语气 专业且富有艺术感
- 标题风格 极简而大胆
- 按钮文案 低调且功能化
- 不要使用厚重的字重——截图显示几乎只使用浅字重（300）
- 不要使用复杂的投影——截图显示为扁平、干净的表面
- 不要在按钮或卡片上使用圆角——截图显示为尖锐、笔直的边缘
- 不要对正文文本使用居中对齐——截图显示为左对齐文本
- 不要使用过多的内边距——截图显示为紧凑、高效的间距
- 不要使用衬线字体——截图显示一致使用无衬线体
- 避免: 杂乱
- 避免: 缺乏平衡的明亮原色
- 避免: 厚重的字体
10
包内真实截图
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏抓自真实页面 · 真 computed styles
11
System Prompt
Airstudios 是一个高端录音棚网站，采用大胆、鲜艳的美学风格。主背景色为珊瑚粉（#FA516A），深橄榄色（#4A4A44）用于移动或替代状态。文字颜色为极深的灰黑色（#1A1B1B）。字体为浅字重（300）的无衬线体（确认为 Akzidenz-Grotesk）。网站大量运用生成式抽象线条艺术作为焦点。关键禁忌：1) 不要使用厚重或加粗的字体，因为设计依赖轻盈、通透的排版。2) 不要为容器或按钮添加圆角；其美学风格是锐利和几何感的。3) 不要使用复杂的阴影或渐变；保持表面扁平且干净。
en · zh-CN · zh-TW · ja · ko