pampam.city
暖白色基底、胶囊形控件与圆角卡片。
herding.app
近黑色基底、渐变展示与扁平表面。
页面以近黑色为基底，搭配白色文字。字体采用 Styrene。视觉特点包括渐变展示、扁平表面、等宽字体、圆角卡片。适合参考的场景：效率工具官网、协作产品介绍页。
查看原始网站使用规范
建议采用
- 所有层叠只采用暖炭灰表面栈：Page Void #1c1c1a → Slate Matte #2e2e2b → Graphite Card #232320 → Ash Step #35352f → Stone Lift #3e3e38。
- 青绿到青柠渐变每个屏幕最多使用一次；它是唯一彩色事件，必须保持稀少。
- 每个文字元素无论字号都设为-0.05em letter-spacing，包括11px说明。
- 所有卡片和面板表面使用内嵌阴影叠层，取代任何投影。
- 卡片和按钮采用16px圆角，图像和图标7.5px，标签和切换控件9999px。
- 主要文字采用#fffffe，次级标签#a3a29c，绝不引入第三种文字灰色。
- 所有标题和正文都保持400字重；系统没有粗字重。
建议避免
- 不要引入填充主要按钮；操作始终以#a3a29c或#fffffe描边呈现。
- 文字、图标或描边不要使用渐变，它只留给大型功能横幅。
- 任何元素都不要采用投影；系统只使用内嵌阴影。
- Styrene不要与第二种字体配对；单字体系统是标志性特征。
- 不要使用亮白#ffffff，始终采用略带奶油色的#fffffe，在橄榄炭灰画布前保留暖意。
- 展示字号不要超过45px；尺度到此封顶并回落。
- 同一页面不要放多个渐变横幅；色彩饱和区域必须低于表面积的2%。
