ブランドガイド · 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 · ワードマーク + アンダースコアヘッダー
インターフェースのパレット

インターフェースの色

サイトはライトとダークで切り替わるセマンティックトークンを使います。下の5つのブランドカラーは変わりません。

  • --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
カラー

パレット。

五つの値、一つのアクセント。ライムは装飾専用——文字を載せず、1コンポジションにつき最大一要素まで。

  • クリーム / ペーパー既定の背景、モジュール間のチャンネル#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。

  • 推奨承認された形状と五つのカラーウェイのいずれかを使う
  • 推奨マークの周囲にモジュール一つ分の余白を確保する
  • 推奨単色印刷と型押しには単色インクを使う
  • 禁止モジュールにグラデーション・輪郭・奥行きを付ける
  • 禁止1コンポジションに複数のライム要素を使う
  • 禁止rtl のためにマークを反転する——出荷のジェスチャーが崩れる
  • 禁止角を丸める、またはマークを回転する
  • 禁止ワードマークを大文字・斜体・セリフで組む
ファイル

ダウンロード。

フラットベクター、最適化済み、透過。色は上のパレットに固定。

使用についてのご質問は？ お問い合わせ · stennir について