01
设计气质 DNA
实验性编辑性粗野主义社区
一个具有粗野主义风格的原始实验性社区平台。
02
色彩
#D4F034Accent#FFFFFFInk#E0E0E0Ink soft#111111BG#888888Mutedrgba(255, 255, 255, 0.1)Line以暗色、高对比度为基础,点缀以鲜艳、高饱和度的强调色。
03
字体
- display
64px · 700
标题使用粗体、紧凑的排版。 · 正文应清晰易读。
04
间距
4px8px16px24px32px48px64px96px标准4px基础网格。
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 0px
硬朗、尖锐的边缘,无border-radius。
06
布局
1440container
12columns
24pxgutter
768 / 1024breakpoints
不对称、原始、非网格布局。
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
截图中不可见。
标准指针光标。 · 标准指针光标。
08
组件
- button 圆润的胶囊形状,白色背景配黑色文字,简单的padding。
- card 不可见。
- chip 不可见。
- input 标准矩形输入框,配有黄色强调色背景容器。
- hero 全出血、高对比度的摄影背景。
09
文案语气与禁用清单
- 语气 实验性、原始、直接。
- 标题风格 粗体、无衬线字体、大写或混合大小写。
- 按钮文案 简单、直接,包含在圆角按钮内。
- 不要使用border-radius——截图显示大多数元素为尖锐、零圆角边缘。
- 不要使用渐变——截图显示为纯色和摄影背景。
- 不要使用柔和、粉彩的颜色——截图显示为高对比度、鲜艳的强调色。
- 不要使用过于复杂的网格——截图显示为不对称、原始的布局。
- 不要使用投影——截图显示为扁平化设计元素。
- 不要使用企业化、精致的语言——截图显示为原始、实验性的语调。
- 避免: 精致化
- 避免: 过度装饰
- 避免: 企业化语言
11
System Prompt
一位资深视觉系统分析师描述一个原始、粗野主义的编辑界面。关键元素:深色(#111111)背景搭配高对比度的摄影主视觉,白色(#FFFFFF)文字,以及鲜艳的柠檬黄绿色(#D4F034)强调色。排版采用几何无衬线字体,以粗体、紧凑的比例使用。布局不对称且原始,打破传统网格约束。关键约束:绝不使用border-radius(元素边缘尖锐),避免柔和颜色(保持高对比度),并摒弃任何企业化精致感(保持实验性、粗野主义的语调)。语调直接而原始,避免任何装饰性或企业化语言。