品牌指南 · v1.0

四分格。

一个团队，一个整体——划分为四个相等的模块。一个模块跳出网格，偏移并以电光黄绿呈现：这便是「已交付」的姿态。它同时承载两层含义——四合为一，以及 ai，已交付。用直尺画出，而非喷绘。不含字母，因此在包括阿拉伯语与 cjk 在内的全部十一种语言中表现一致。

标志

构造。

标志建立在严格的网格之上，从 16px 的网站图标到广告牌，在任何尺寸下都能一致重现。

16px
32px
64px
grid
strict 8 × 8 unit
footprint
6 × 6 units, centred low
modules
2 × 2 array, 2.75u square
channels
0.5u, always background
corner radius
0.165u (~6% of module)
offset
top-right +1u right, +1u up
depth
none — no perspective, no shadow
strokes
none — solid fills only
组合

组合。

四种核准的排布。四周至少保留一个模块宽度的留白。

stennir
01 · 横向（主）默认
stennir
02 · 竖向头像 · 窄幅
03 · 仅标志网站图标 · 应用图标
04 · 文字标 + 下划线页眉
界面色板

界面中的色彩

网站使用在浅色与深色之间切换的语义色彩变量。下方的五个品牌色值永不改变。

  • --color-surface浅色 #F6F8F7深色 #0C1612
  • --color-surface-elevated浅色 #FFFFFF深色 #14221C
  • --color-ink浅色 #0F1F18深色 #E9F1ED
  • --color-muted浅色 #4A5D54深色 #A9BBB2
  • --ui-blue浅色 #CFE3F7深色 #16293B
  • --ui-mint浅色 #D7EEE0深色 #143024
  • --ui-lilac浅色 #E4DCF7深色 #241F3A
  • --ui-sand浅色 #F6EBD8深色 #2A251A
  • --ui-deep浅色 #17332A深色 #10231A
  • --ui-accent浅色 #2E7D55深色 #56B787
  • --brand-lime浅色 #CCFF00深色 #CCFF00
色彩

调色板。

五个色值，一个强调色。黄绿仅作装饰——绝不承载文字，每个版面至多一个黄绿元素。

  • 米白 / 纸色默认背景，模块之间的通道#FBF6EB
  • 墨黑文字标 · 三个模块单色#0E0A08
  • 赛道绿标志色——网格内的三个模块#1B3A2C
  • 深绿仅用于悬停 / 按下的层次#10271D
  • 电光黄绿偏移的模块 · 下划线 · 克制使用#CCFF00
字体排印

字体。

标题用 fustat，正文用 schibsted grotesk，标签与规格用 jetbrains mono。文字标始终小写——绝不全大写、斜体或改造。

标题

fustat · 700 · -0.035em

AI, shipped.

导语

schibsted grotesk · 400

Three services. One team. Shipped artifacts, not slideware.

正文

schibsted grotesk · 400

We build AI-native software, train the people who run it, and back the founders who scale it. Written scope. Code is yours.

等宽

jetbrains mono · labels & spec

01 · AI consulting   §02 · written scope   governance included
使用

使用规范。

标志不含字母，在 ltr 与 rtl 下表现一致。对比度：墨黑配米白、米白配墨黑均在 19.4:1 达到 AAA。

  • 应当使用核准的几何形状与五种配色之一
  • 应当在标志四周保留一个模块宽度的留白
  • 应当单色印刷与压印使用单色墨黑
  • 禁止为模块添加渐变、描边或层次
  • 禁止在一个版面中使用多个黄绿元素
  • 禁止为 rtl 镜像标志——这会破坏交付的姿态
  • 禁止对圆角做柔化或旋转标志
  • 禁止将文字标排成全大写、斜体或衬线
文件

下载。

扁平矢量、已优化、透明。色彩锁定为上方调色板。

对使用有疑问？ 联系我们 · 关于 stennir