Giga

午夜天际线之上,哑光黑曜石
Giga 是一款具有电影感的深色模式企业级品牌,读起来像是奢华手表广告与人工智能实验室的结合体。画布接近纯黑(#0f0d0d),字体极为纤细——使用 emilioDisplay 字重 300,设置 48–66px 的标题,悬停于满幅延展的氛围摄影之上,其自信程度如同电影片头字幕。界面克制而安静:圆 胶囊形 形控件、玻璃效果徽章、单色标志条,以及一个仅用 余烬 红色(#fe2c02)作为强调,其作用更像是句点,而非品牌界面边框。每个表面都仿佛来自一个黑暗展厅——哑光黑色、细线白透明边框、柔和 16px 的卡片圆角,以及 9999px 的按钮圆润度,呈现出实体感,而非数字感。密度舒适,但负空间具有建筑感,而非空旷:一个板块间距的视觉效果,如同在咖啡桌书籍中翻页。
查看原始网站使用规范
建议采用
- 所有主标题均使用字重300的 emilioDisplay,字号范围48–66px——这种纤细的显示字体是品牌的标志性声音
- 所有按钮、徽章、标签及交互型胶囊控件均设置9999px边框圆角——任何矩形元素都不应可点击
- 页面背景默认设为 #0f0d0d(Onyx);仅在满幅摄影容器和页脚使用 #000000
- 在深色背景下,所有主文本和图标均使用 #ffffff——19:1的对比度是可读性的标准,不可降低
- 在区块标题上方,放置大小为11–12px的全大写 geistMono 标签,字间距+0.009em,作为技术性引线
- 仅在每个视口内使用一次 Ember Red(#fe2c02)点缀卡片——它作为句点,而非装饰性金属色
- 正文文本使用16px gigaSansText 字重400,行高1.5,适用于所有段落和说明性内容
建议避免
- 不要在标题中使用字重600及以上——系统以300字重低语调运行,任何高声量都会破坏整体氛围
- 不要为卡片添加阴影——深度来自表面色彩的渐变(#0f0d0d → #171615 → #262828),而非层叠高度
- 不要在任何交互元素上使用矩形按钮或锐利边角——所有控件均为胶囊形
- 不要在每个区块中为超过一个元素应用 Ember Red 点缀——过度使用会削弱其影响力
- 不要将页面背景设为 #000000——应使用 #0f0d0d;纯黑仅用于摄影背景
- 不要在文本中使用彩色——仅限白色和灰阶用于排版;色彩仅限于表面元素
- 不要在同一层级中混用衬线体与无衬线体——emilioDisplay 用于展示,gigaSansText 用于其余内容,绝不可在正文级别同时使用两者