Riverside
浅色基底、胶囊形控件与圆角卡片。
Reflect Notes
近黑色基底、渐变展示与居中构图。
页面以近黑色为基底，搭配白色文字。字体采用 AeonikPro、Inter V。视觉特点包括渐变展示、居中构图、产品图像展示、网格布局。适合参考的场景：工作流工具首页、产品功能说明页。
查看原始网站使用规范
建议采用
- 正文采用Inter V、字重400、16px/1.50，颜色为#a8a6b7或#f4f0ff，绝不使用纯#ffffff正文；#f4f0ff中的薰衣草色调是刻意的。
- 所有标题采用AeonikPro、字重500、48–72px；不要加粗到600/700，中等字重本身就是品牌。
- 所有按钮、输入框和交互元素采用5px圆角，所有卡片和容器16px，胶囊徽标32px；999px仅用于导航容器。
- 有高度感的表面采用内嵌白色辉光（rgba(255,255,255,0.04–0.06) 0px 0px 24px 0px inset），而非投影，以形成边缘受光的玻璃效果。
- #9382ff仅用于链接、激活状态、焦点环和小型强调图标；紫罗兰强调保持稀疏，它是标点而非涂料。
- 宇宙渐变（#e59cff → #ba9cff → #9cb2ff）只用于文字和细装饰描边，绝不用于大面积填充或按钮背景。
- 页面背景设为#030014，紫罗兰底色至关重要，不使用纯黑#000000。
建议避免
- 任何文字都不要使用粗体（600+）或特粗体（700+）；整个系统仅按中等与常规字重校准。
- 不要为卡片或面板使用投影；所有高度感都通过内嵌边缘辉光实现，而非外部阴影。
- 不要将品牌强调色用于大面积填充、背景或首屏区块，这会稀释单色调的宁静。
- 不要使用已定义集合（5/16/32/999px）以外的圆角值；按钮不要默认8px或12px，卡片不要默认24px。
- 正文不要使用纯白#ffffff，始终使用带薰衣草色调的#f4f0ff，以保持与紫罗兰画布的色彩协调。
- 不要用语义色（红/绿/黄）表达状态；系统刻意保持无彩色，如需状态，使用不透明度变化和薰衣草强调色。
- 不要使用多种强调色相；唯一的薰衣草色#9382ff是仅有的彩色声音，引入第二种强调色会破坏星座隐喻。
