Riverside
工作室暗房后置磨砂玻璃
Synthesia
白色上的工作室控制室。
Synthesia的视觉语言是明亮的白色画布SaaS表面，唯一鲜亮的靛蓝紫色强调像电光标点，点在平静、近灰色的中性色层级上。字体比颜色更能承担品牌识别：定制几何无衬线字体Basiersquare采用紧密、强烈收紧字间距的展示排版；88px和56px标题使用-0.04到-0.05em字间距，将字形压成密实、建筑式的字标。组件轻盈而直接：12px圆角按钮、16-24px圆角卡片、#e6eaf4极细边框搭配8%不透明度的极柔阴影，以及浅色胶囊徽标。产品隐喻是“干净编辑工作室墙面背后的视频工作室仪表盘”：大部分为白色，但AI视频预览位于深靛蓝面板（#0d0f2c）中，使营销表面与产品表面形成舞台灯光般的对比。
查看原始网站使用规范
建议采用
- #3e57da（Indigo Core）是唯一的填充按钮背景；它必须始终是页面中饱和度最高的颜色，以保持视觉层级。
- 展示标题设为56px或88px，字间距为-0.04em到-0.05em；紧凑字间距让几何字形具有建筑感，而非疏朗感。
- 每张卡片同时使用1px #e6eaf4边框和8%不透明度的2px 16px阴影，单独任何一个都不够；边框定义边缘，阴影托起表面。
- 渐变色阶（e3ebff → c6d7fe → 8098f9）仅用于装饰性文字高亮或区块分隔，绝不用于功能性UI元素。
- 所有按钮、输入框和小型控件默认12px圆角，卡片16-24px，胶囊999px；圆角尺度构成系统的视觉节奏。
- 正文保持#333b52（Graphite Violet），而非纯#000000；轻微冷色底调将文字与紫罗兰品牌色板联系起来。
- 页面最大宽度设为1200px，并将内容居中；首屏可铺满全宽，但文字块必须遵守1200px容器。
建议避免
- 不要引入靛蓝色阶以外的饱和颜色；系统刻意采用单色调加一种强调色，增加第二种品牌色会稀释焦点。
- 展示文字不要使用0或正值字间距；负字间距（-0.04em到-0.05em）是将其与普通SaaS网站区分开的标志性排版选择。
- 不要为深色表面（#0d0f2c面板）添加阴影；深色填充本身就是高度，深色上的阴影显得浑浊且多余。
- 不要使用完全圆润（999px）的按钮；只有徽标、标签页和浮动小部件是胶囊形，按钮为12px圆角，以表达可操作性，而非装饰性。
- 文字不要低于14px或高于88px；字号尺度是含10级的封闭系统，插入中间值会破坏节奏。
- 不要在浅色卡片背景上使用#ffffff文字，也不要在深色面板上使用#333b52文字；对比组合必须验证，白色在#0d0f2c上为18.7:1，但#333b52在#0d0f2c上不符合无障碍要求。
- 同一屏幕不要堆叠超过两个高度层级；系统刻意保持平坦，深层阴影组显得沉重，并与编辑式白色画布感冲突。
