Lithic
白色基底、细线分隔与宽松留白。
Boostinsurance
近黑色基底、渐变展示与大字排版。
页面以近黑色为基底，搭配白色文字。字体采用 Gellix、Times。视觉特点包括渐变展示、大字排版、紧密字距、细线分隔。适合参考的场景：金融产品官网、财务服务介绍页。
查看原始网站使用规范
建议采用
- 每个视图中恰好一个主要 CTA 使用青色到青柠绿的 linear-gradient(100.7deg, #30d7f1, #79fa4b)，置于 999px 圆角半径的胶囊形控件上；文字采用骨白色、16px Gellix、字重 500，内边距为 18px/9px。
- 将展示标题设为90–120px Gellix 300，字间距-0.04em，行高0.85–1.0；让最后一个关键词带有2–3px的亮绿色电压（#79fa4b）下划线点缀。
- 仅将Lime Voltage 青柠绿（#79fa4b）用于强调——眉题标签、下划线点缀、产品图标和渐变停点——绝不可作为段落背景或大面积填充。
- 使用四级表面堆叠（Abyss #002025 → Deep Kelp #05333a → Slate Reef #244348 → Tidewater #455c60），以不加阴影的方式暗示深度；每一级亮度相较前一级约提升+5-8%。
- 所有大容器——卡片、插图、首屏面板——圆角设为30px；所有标签、标签和小表面圆角设为10px；所有按钮和胶囊形控件圆角设为999px。绝不给卡片级元素使用方形角。
- 正文设为16–18px Gellix 400，使用Bone（#fffffa）字体，字间距-0.01至-0.02em，次要文字降级为Storm Glass（#7d8f92）或Sea Mist（#9eaeb0）同字号。
- 每个主要区块前放置全大写眉题标签，使用 12-13px Gellix、字重 500、字间距 0.35em，颜色为 Lime Voltage；通常在标签前放置 6px 的青柠绿色圆点。
建议避免
- 绝不使用中性或亮绿色矩形作为行动按钮背景——主要操作必须是青到亮绿渐变胶囊形按钮；仅允许使用淡亮绿或Bone边框的轮廓按钮作为替代。
- 绝不将展示标题设为500或600字重——90–120px的轻盈300字重是标志性风格；更重的展示字重会破坏深色画布的高端质感。
- 除悬浮首屏卡片上的柔和Abyss色调发光外，不得添加任何阴影——该设计依赖表面层级的对比和30px半径来营造深度，而非使用投影阴影。
- 页面中绝不放置摄影图像——所有图像必须为UI草图、等距卡片网格或以亮绿色和青色为基调的图标驱动产品插图。
- 绝不使用红色、橙色或暖色调饱和语义色——配色刻意采用冷青色基调，仅有一个亮绿色点缀；成功状态应使用亮绿色电压或电压深色，而非语义库中的绿色。
- 绝不将正文文字字间距收紧至-0.02em以下——负字间距在90px以上有效，但在16–18px时会破坏可读性；需尊重字号与字间距的曲线关系。
- 不要在每个视口内使用超过一个渐变元素——青色到黄绿的渐变非常珍贵；如果某部分已使用渐变式调用行动（CTA），则该部分的下划线强调线和图标应保持为实心黄绿电压色。
