V7labs
近白色基底、细线分隔与衬线字形。
Panxo
近白色基底、渐变展示与紧密字距。
页面以近白色为基底，搭配近黑色文字。局部操作控件以橙色强调。字体采用 Mona Sans、Inter。视觉特点包括渐变展示、紧密字距、分屏构图、非对称构图。适合参考的场景：餐饮品牌介绍页、产品展示页。
查看原始网站使用规范
建议采用
- 所有 40px 及以上标题均使用 Mona Sans 700 字重搭配 -0.04em 字间距——这种压缩字间距是标题的标志性特征。
- 仅将 #ff6020 橙色用于行动号召和推广链接；切勿用于数据标签或分类 UI——该用途应由 #777eff 和 #731fff 承担。
- 填充型主按钮使用 48px 圆角，轮廓型/透明描边按钮使用 999px 圆角——两种按钮的圆角差异是刻意设计。
- 仅将青绿→紫罗兰→金色渐变（linear-gradient(90deg, #10b981 0%, #a855f7 50%, #f59e0b 100%)）应用于大型氛围面板或产品可视化背景，切勿用于文本或小型 UI 元素。
- 使用 Mona Sans 700 作为数值部分，Inter 400 作为标签部分构建数据指标单元——两种字体家族的结合在单个卡片内形成‘终端读数’层级结构。
- 使用 #fafafa（而非 #ffffff）作为默认卡片背景——这种略微偏白的暖色与页面整体暖调一致，避免卡片在视觉上脱离页面。
- 始终使用 Inter 字体特性设置 '"cv03", "cv04", "cv09", "cv11"'——这些 OpenType 替代字符在全站范围内激活，并影响字符识别。
建议避免
- 切勿使用纯 #ffffff 作为区块背景——正确的暖中性表面应为 #fafafa 或 #f7f3eb；纯白色仅出现在卡片内部或叠加层中。
- 不要应用比 rgba(43,43,48,0.1) 0px 1px 4px 更重的盒阴影——更深的阴影会破坏扁平数据表面的视觉风格。
- 切勿将 #777eff 或 #731fff 用于交互控件或行动号召按钮——这两种紫色是语义数据分类色，而非品牌行动色。
- 不要在小于 24px 时使用 Mona Sans——它仅作为展示/标题字体；18px 及以下的正文和 UI 文本由 Inter 负责。
- 避免卡片圆角超过 20px——系统中，徽章使用 8-12px，卡片使用 10px，大圆角（48-999px）仅保留用于按钮胶囊形控件。
- 不要为分类徽章添加彩色背景——它们使用 #fafafa 填充且无边框；添加颜色或边框会破坏分类层级结构。
- 切勿将色谱渐变用作文本颜色或按钮背景——它仅存在于封闭的氛围面板元素中。
