Flighty
明暗对比、细线分隔与扁平表面。
Stocketa
浅灰色基底、渐变展示与紧密字距。
页面以浅灰色为基底，搭配紫色文字。字体采用 averta standard。视觉特点包括渐变展示、紧密字距、细线分隔、分屏构图。适合参考的场景：支付服务首页、金融科技产品介绍页。
查看原始网站使用规范
建议采用
- 使用极光径向渐变作为唯一页面级背景——绝不叠加纯色或另一渐变
- 仅将洋红到藏蓝的线性渐变应用于显示标题（50px及以上）和品牌图标——绝不应用于正文或UI控件
- 所有按钮和标签组件使用100px的胶囊半径——无论尺寸大小，包括小型图标按钮也无例外
- 保留三层阴影堆叠（蓝色调外层滴落、白色内层高光、1px藏蓝内嵌）仅用于浮动元素——绝不应用于内联卡片或列表行
- 将字间距设置为负值，随着字号增大而递减：在图注字号时为-0.25px，逐渐收紧至显示字号时的-1.76px——这种压缩效果是系统的声音
- 在每个包含手机 展示模型 的区块中，将其锚定于右侧列——绝不允许漂移到中心，或在桌面端堆叠于标题之下
- 每屏使用Tidewater Navy（#3a4766）作为唯一填充型主要按钮，搭配使用带有Pebble或藏蓝边框的透明描边按钮
建议避免
- 不要引入绿色或红色作为语义UI色彩——它们仅出现在手机展示模型图表笔触中，且不得蔓延至徽章、提示或表单状态
- 不要使用纯色#ffffff作为页面背景——始终使用Lavender Mist（#e0dde2）以便极光能自然地落在温暖的底色上
- 不要在白色表面添加可见的卡片边框——应依赖阴影堆叠和Lavender Mist画布实现分隔
- 不要在产品卡片上使用超过18px的圆角，或在装饰元素上使用超过22px的圆角——系统要求保持一致的柔和感
- 不要将字体设置低于14px或高于98px——该尺寸范围是刻意限定的
- 不要将Aurora Magenta作为大面积的平铺填充——它必须始终以渐变或小图标/标题强调形式呈现
- 不要将首屏标题居中——洋红渐变文字设计为左对齐，与下方正文对齐于同一网格线
