pampam.city
暖白色基底、胶囊形控件与圆角卡片。
MotherDuck
暖白色基底、手绘图形与扁平表面。
页面以暖白色为基底，搭配深灰色文字。字体采用 Aeonik Mono、Inter。视觉特点包括手绘图形、扁平表面、等宽字体、居中构图。适合参考的场景：技术产品首页、开发工具说明页。
查看原始网站使用规范
建议采用
- 使用Aeonik Mono（或等宽字体替代如JetBrains Mono）作为所有文本元素的默认字体；仅在第三方嵌入场景中使用Inter。
- 为所有按钮和交互卡片应用硬边偏移投影（rgb(56,56,56) -6px 6px 0px 0px）；该投影即为层级系统。
- 将天蓝色（#6fc2ff）作为唯一填充型操作色；禁止在填充型CTA中使用彩虹边框配色。
- 所有边框圆角保持在2px——近乎正方形的边角不可更改，是系统笔记本纸质感的核心体现。
- 叠加白色卡片与#f4efea奶油底色背景；禁止将奶油卡片置于奶油背景，或白色卡片置于白色背景。
- 使用彩虹边框按钮配色（珊瑚、桃粉、薄荷绿、薰衣草、青柠、淡紫、灰蓝、金黄）在重复的模块中分摊视觉色彩。
- 正文与副标题文字设定为14–18px，Aeonik Mono 400字体，字间距0.0200em；有意义内容不得低于12px。
建议避免
- 禁止使用模糊或环境式阴影——所有阴影均为硬边且偏移，绝不柔和。
- 禁止边框圆角超过2px；圆润按钮或胶囊形控件破坏了新粗犷几何风格。
- 禁止使用纯黑色（#000000）作为文字颜色；所有前景与边框线条使用#383838炭墨色。
- 禁止在UI控件中使用装饰性配色（橙色、黄色、青色）；这些颜色仅用于插画和动态标牌。
- 禁止将填充色按钮与彩虹边框按钮并列作为联动CTA——应搭配一个天蓝色填充按钮与一个炭墨边框按钮。
- 禁止使用渐变背景或渐变文字——系统仅支持平面填充。
- 禁止使用衬线字体、斜体或装饰性展示字体；‘有等宽或无’的规则是结构性的。
