01
设计气质 DNA
前卫大胆趣味艺术感现代
一个实验性艺术画廊与高端品牌工作室的结合
02
色彩
#FF3333Accent#000000Ink#FFFFFFBG#888888Mutedrgba(0, 0, 0, 0.1)Line极简的单色基底,搭配一个高冲击力的红色点缀
03
字体
- display
56px · 500 - body
18px · 400
标题使用大号、粗体的展示字体 · 正文使用简洁的人文主义无衬线字体 · 避免使用窄体或等宽字体
04
间距
4px8px16px24px32px48px64px96px基于网格的充足留白,形成清晰的视觉层次
05
表面 (圆角 / 阴影 / 边线)
sm · 4px
md · 8px
lg · 12px
pill · 999px
纤薄、微妙的边框用于分隔
0 4px 6px rgba(0, 0, 0, 0.1)
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
非对称的编辑式网格,包含大尺寸图片区块
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
平滑、微妙的过渡 · 优雅的淡入效果 · 有趣、有目的的动画
微妙的尺寸与颜色变化 · 即时的视觉反馈
08
组件
- button 粗体、圆角、高对比度的按钮
- card 极简卡片,搭配强烈的排版
- chip 药丸形状的标签,带有微妙边框
- input 简洁、极简的输入框
- hero 大型、具有冲击力的首屏区域,搭配粗体图像
09
文案语气与禁用清单
- 语气 有趣、自信,且略带不羁
- 标题风格 粗体、陈述式,且常常带有幽默感
- 按钮文案 直接且以行动为导向
- 避免使用柔和、低对比度的颜色——截图显示的是高对比度的黑、白、红
- 避免使用小号、窄体的排版——截图显示的是大号、粗体、富有表现力的字体
- 避免创建过于复杂的布局——截图显示的是清晰、基于网格的编辑式布局
- 使用微妙、低调的设计——截图显示的是大胆、自信且富有表现力的视觉效果
- 避免趣味、富有表现力的元素——截图显示的是趣味、艺术感的美学风格
- 使用正式、企业化的语言——截图显示的是自信、不羁的语调
- 避免: 正式或企业化的语言
- 避免: 过于技术性的术语
- 避免: 被动或弱势的措辞
11
System Prompt
这是一个具有强烈编辑感的大胆、趣味品牌代理机构网站。它采用极简的单色基底,搭配一个高冲击力的红色点缀。排版采用大号、粗体的人文主义无衬线字体,营造出自信且富有表现力的感觉。布局是非对称且基于网格的,包含大尺寸图片区块和充足的留白。语调有趣且自信。关键禁忌:避免柔和、低对比度的颜色;避免小号、窄体的排版;避免过于复杂的布局。