Shopify
近黑色基底、大幅摄影展示与胶囊形控件。
Giga
近黑色基底、大幅摄影展示与胶囊形控件。
页面以近黑色为基底，搭配白色文字。字体采用 gigaSansText、emilioDisplay。视觉特点包括大幅摄影展示、胶囊形控件、细线分隔、居中构图。适合参考的场景：AI 工具官网、产品能力介绍页。
查看原始网站使用规范
建议采用
- 所有主标题均使用字重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 用于其余内容，绝不可在正文级别同时使用两者
