Apollo 网站预览
Apollo 网站预览

Apollo

浅灰色基底、宽松留白与衬线字形。

页面以浅灰色为基底，搭配近黑色文字。字体采用 Season Mix、Soehne。视觉特点包括宽松留白、衬线字形、产品图像展示、文字主导。适合参考的场景：软件产品首页、服务说明页。

查看原始网站

使用规范

建议采用

  • 所有48px+展示标题都采用Season Mix 550字重，绝不用粗体或细体。
  • 主要CTA背景设为Highlighter（#f8ff2c），配黑色文字，不需要边框或阴影。
  • 所有组件的默认卡片圆角统一8px；一致性就是设计。
  • 所有1px细线边框都使用Flint（#e5e7eb），作为结构网格，而非装饰。
  • 页面画布设为Limestone（#ccc9c6），卡片Paper（#f7f5f2），形成暖色叠暖色的层次。
  • 所有Season Mix和Abc Diatype字号都采用-0.01em负letter-spacing，Soehne和Founders Grotesk Mono采用0.009–0.014em正字间距。
  • 主要分区之间至少保持80px，留白就是奢华感。

建议避免

  • 绝不要添加box-shadow，设计系统刻意平面，边框和颜色对比承担全部作用。
  • 黄绿色强调绝不要用于主要CTA和Apollo星形标志之外的内容，稀释使用会失去冲击力。
  • 绝不要使用带蓝色调的冷灰，调色板温暖，包括Limestone、Marble、Pebble和Graphite。
  • 展示标题绝不要加粗，Season Mix最高为550，克制就是标志性特征。
  • #3f3653紫罗兰色绝不要用于正文或UI，只留给展示标题强调。
  • 绝不要添加渐变，系统刻意平面且具有编辑感。
  • border-radius绝不要大于12px，设计精确，而非柔软泡泡感。

相似设计语言