Invisibletech 网站预览
Invisibletech 网站预览

Invisibletech

白色基底、分屏构图与渐变展示。

页面以白色为基底,搭配近黑色文字。局部操作控件以黄绿色强调。字体采用 Apk Galeria、Apkpraktikal。视觉特点包括分屏构图、渐变展示、紧密字距、细线分隔。适合参考的场景:AI 服务首页、产品演示介绍页。

查看原始网站

使用规范

建议采用

  • 使用 Apk Galeria 处理所有人文内容——正文、标题、引语、按钮标签(除非使用分类字体)
  • 所有区块眉题、标签页文字和分类元信息使用大写Apkpraktikal,字间距0.12–0.14em。
  • 在所有大于 18px 的字号上,对 Apk Galeria 应用负字间距,从 22px 时的 -0.009em 缓慢递减至 64px 时的 -0.030em
  • 将 #dcf58f 专用于每个视口内的单一主要 CTA —— 严禁作为背景、图标或装饰使用
  • 采用双色标题模式:第一句使用 #0f0f0f,第二句使用 #898989 或 #4c4c4c,保持相同字重和字号
  • 每个区块眉题标签前放置一个6px的 #0c76fe 圆点。
  • 所有按钮、徽章和导航胶囊的圆角半径统一为 9999px;所有卡片和面板的圆角半径为 12px

建议避免

  • 禁止引入盒阴影或投影阴影——设计系统通过色彩对比和 1px 边框实现所有层级感,不使用深度效果
  • 禁止将 #dcf58f 用作装饰元素、卡片背景或悬停状态——该配色仅用于转化信号
  • 不要将 Apkpraktikal 用于正文,也不要用于超过四个单词的标题——宽字间距会使长文本难以阅读。
  • 禁止将 #0c76fe 用作按钮填充或大面积背景——它仅作为引导性辅助(点状、图标、链接文字)
  • 禁止使用渐变——品牌坚持使用平面、哑光表面,无任何色彩过渡
  • 禁止使用全黑 #000000——始终使用 #0f0f0f 作为最深色调,以维持略微柔和的对比感
  • 禁止在同一行中同时出现柠檬色 CTA 和黑色 CTA——每个操作组仅选择一个,不可共存