STRACT のエンジニアが「実装と実測」で検証する技術メディアRSS
BRAND

ブランドアセットとロゴガイドライン

エージェンティックコマースラボのロゴは、マーク「DOUBLE SLASH」とロゴタイプで構成されます。マークはhttps://の2本のスラッシュ — エージェントが店に至るプロトコルの通り道を意味します。アセットはこのページからダウンロードできます(仮決定版 v1)。

DOWNLOAD ALL — aclab-brand-kit.zipSVG 9種+PNG 4種+ガイドライン README 同梱
ACLAB プライマリーロックアップ
ASSETS

アセット一覧・ダウンロード

プライマリーロックアップ(和文つき)
プライマリーロックアップ(和文つき)PRIMARY

公式な場・資料の表紙はこれ

DOWNLOAD SVG
ロックアップ 白抜き(和文つき)
ロックアップ 白抜き(和文つき)

ダーク地・写真上のバッジ形が使えない場面

DOWNLOAD SVG
ロックアップ(和文なし)
ロックアップ(和文なし)

小さめの掲載・欧文文脈

DOWNLOAD SVG
ロックアップ 白抜き(和文なし)
ロックアップ 白抜き(和文なし)

ダーク地用

DOWNLOAD SVG
ロゴタイプ単独
ロゴタイプ単独

1行組・LAB=青。ヘッダー系の文脈

DOWNLOAD SVG
マーク単体
マーク単体

スペースが限られる場面

DOWNLOAD SVG
マーク単体 白抜き
マーク単体 白抜き

ダーク地用

DOWNLOAD SVG
バッジ(青・プライマリー)
バッジ(青・プライマリー)PRIMARY

SNS アバターの原稿。青地が正

DOWNLOAD SVG
バッジ(墨・代替)
バッジ(墨・代替)

ダークで沈めたい文脈のみ

DOWNLOAD SVG
アバター PNG 512(青)
アバター PNG 512(青)PRIMARY

X・YouTube のアイコンはこれをアップロード

DOWNLOAD PNG
アバター PNG 1024(青)
アバター PNG 1024(青)

高解像度が必要な場面

DOWNLOAD PNG
円形トリミング済み PNG(青)
円形トリミング済み PNG(青)

円形表示のプレビュー・そのまま使う場面

DOWNLOAD PNG
SPEC

数値仕様

マークの意味すべての URL に含まれる「https://」の2本のスラッシュ — エージェントが店に至るプロトコルの通り道
バー比率幅 : 高さ = 15 : 58 / バー間ギャップ = 12(同スケール)/ 傾き = 垂直から 16°
書体ロゴタイプ: Libre Franklin Bold(字間 0.06em)/ 和文グロス: Noto Sans JP Medium(字間 0.30em)。SVG はアウトライン化済みでフォント不要
クリアスペース四周にバー1本分の幅(= マーク高さの 15/58)以上を空ける
最小サイズマーク単体 12px / ロックアップ高さ 20px。それ未満はバッジ(favicon)に切替
COLOR

カラー

スラッシュ1(前)スラッシュ2(後)・文字
白地#1B71FF#101418
ダーク地#4D8DFF#FFFFFF
青地(プライマリーバッジ)#FFFFFF白 55%

彩色は常に前の1本だけ。ロックアップ内のロゴタイプは無彩色で組み、LAB を青にできるのはロゴタイプ単独・サイトヘッダーのみ。バッジ・favicon は青地がプライマリーで、墨地は代替です。

RULES

禁止事項

  • 回転・反転・傾き(16°)の変更
  • バーの本数・太さ・間隔の改変、3色以上の使用
  • グラデーション(青地バッジの地以外)・影・縁取りの追加
  • マークへの文字の重ね合わせ、他ロゴとの合成
  • 低コントラストの地(写真上など)への直置き — バッジ形を使う
  • グレーでの表示(サイト共通ルール: グレー文字・グレーマーク禁止)

原本と再生成スクリプトはリポジトリ brand/にあります。使用フォントはいずれも SIL OFL ライセンスで、ロゴ使用・アウトライン化とも許諾範囲内です。