01 — Advertising Agency
広告代理店事業
広告成果の改善速度を上げる。
広告運用を中核に、制作・計測・導線改善までを一体で実行。改善サイクルを短くし、集客と売上につなげます。
Brand Guidelines — 2026.04.10 — v1.0
AI-native
Growth
Studio/
事業成長の速度を上げる。AIを標準に、広告運用、コンサルティング、システム開発を一体で提供。
戦略から実行・改善までを速く進めるAI-native Growth Studioです。
- Company
- 株式会社unedition
- Founded
- 2023.11.28
- Representative
- Shinya Nakano
- Location
- 北青山, 東京
01 • Colors
カラーシステム/Color System
モノクロームを基調に、ただ一点、Slash Red（#E94747）だけをアクセントとして使う。ロゴの / から生まれたこの赤は、選択、ホバー、エラー、フォーカス、そして重要な判断点を示す。複数の色を並置すること、とりわけ紫・青・緑のグラデーションは禁止。
Brand Accent — 唯一の赤
Slash Red
#E94747
ブランドアクセント。ロゴ、セレクション、フォーカス
Slash Red — Hover
#FF1B1F
リンク / ボタンホバー時の一瞬の主張
Slash Red — Pressed
#C42020
アクティブ / プレス状態
Slash Red — Tint
#FDECEC
注記ブロック背景、アイコンカプセル
Monochrome — Light Theme
Paper White
#FFFFFF
ページ背景、サーフェス標準
Cream White
#FAFAFA
サブサーフェス、タグ背景
Smoke
#F4F4F5
カード、テーブルヘッダ
Line
#E5E7EB
ヘアラインボーダー、divider 標準
Line Strong
#D4D4D8
ホバー時の強調ボーダー
Mist
#A1A1AA
プレースホルダー、無効状態
Graphite
#6B7280
キャプション、メタデータ
Ink Muted
#3F3F46
副次本文、long-form 第二階層
Ink
#1A1A1A
本文テキスト標準色（純黒 #000 は不使用）
Monochrome — Dark Theme
Monolith Black
#000000
ダークページ基盤（Company / Services / Contact）
Obsidian
#0A0A0A
ダーク上のカード内部背景
Charcoal
#1C1C1C
ダークセカンダリサーフェス
Iron
#27272A
ダーク上のタグ、タブ
Semantic — 注意して使用
Success
#15803D
送信完了、正の変化
Warning
#B45309
警告、ペンディング
Error
#B91C1C
バリデーション（Slash Red と明確に区別）
Info
#1D4ED8
情報バナー、ヒント
02 • Typography
タイポグラフィ/Typography
三声部で構成する——編集的なセリフ（大見出し）、信頼のゴシック（本文・UI）、機械的なモノスペース（ラベル・番号）。本文は line-height: 1.8 / letter-spacing: 0.04em の日本語標準。見出しは font-feature-settings: "palt" 1, "kern" 1 の複合指定でプロポーショナル字詰めを効かせる。
Display / Hero — Noto Serif JP
事業成長の速度を上げる。/
Noto Serif JP / 700clamp(2.25rem, 9vw, 12rem)leading 0.88tracking -0.03emDisplay Hero
事業内容
Noto Serif JP / 700clamp(2rem, 4.5vw, 3.5rem)leading 1.2H1 / Page Title
広告代理店事業
Noto Serif JP / 700clamp(1.75rem, 3.5vw, 3rem)leading 1.25H2 / Section
マニフェストブロックタイトル
Noto Serif JP / 70024pxleading 1.4H3 / Sub
Lead / Body — Serif & Sans
uneditionは、事業成長の速度を上げる。
Noto Serif JP / 40020pxleading 1.75tracking 0.02emLead Body（左罫線）
unedition（アンエディション）は、広告代理店、コンサルティング、システム開発を提供するAI-native Growth Studioです。
Noto Sans JP / 40016pxleading 1.8tracking 0.04emBody — 本文標準
補足テキスト、注釈、キャプション、メタ情報。日本語本文の line-height は 1.7 以上を守り、全角どうしの詰まりを letter-spacing 0.04em で緩和する。
Noto Sans JP / 40014pxleading 1.7Body S — 補助テキスト
Mono — Labels & Ordinals
01 • OVERVIEW
IBM Plex Mono / 40012pxtracking 0.3emOrdinal Label
お問い合わせ
Noto Sans JP / 70016pxtracking 0.4emUPPERCASECTA Label
03 • Components
コンポーネント/Components
すべての UI は矩形。角丸は使わない（例外はサービスタグのピルのみ）。影・グラデーションは禁止。奥行きはヘアラインと余白だけで表現する。シグネチャは "fill-sweep CTA"——アウトラインの中身が 500ms ease-out で左から右へ埋まる。
Primary CTA — Fill Sweep (Dark)
hover to see sweep
Primary CTA — Fill Sweep (Light)
hover to see sweep
Accent / Ghost Buttons
Slash Red は最終 CTA のみ
Service Pills
広告戦略クリエイティブWeb導線マーケティング設計計測改善AI活用
rounded-full は pill のみ例外
Filled Input (お問い合わせ)
Line Input (Editorial Form)
04 • Cards
エディトリアルカード/Cards
02 — Consulting
コンサルティング事業
意思決定と実行の速度を上げる。
マーケティングとAIの課題を整理し、方針の策定から実行・定着までを支援します。
03 — System Development
システム開発事業
開発と事業実装の速度を上げる。
大規模システム、Web・モバイルアプリ、AIエージェントを受託開発。事業成果から逆算して設計・実装します。
05 • 事業ブロック
事業内容/
01
Advertising Agency
広告代理店事業
広告運用を中核に、制作・計測・導線改善までを一体で実行。改善サイクルを短くし、集客と売上につなげます。
広告戦略・広告運用バナー・動画・LP制作計測設計・分析・導線改善
02
Consulting
コンサルティング事業
マーケティングとAIの課題を整理し、方針の策定から実行・定着までを支援します。
マーケティング戦略AI導入・業務活用定額コンサルティング
03
System Development
システム開発事業
大規模システム、Web・モバイルアプリ、AIエージェントを受託開発。事業成果から逆算して設計・実装します。
大規模・業務システム開発Web・モバイルアプリ開発AIエージェント開発
06 • Manifesto
事業成長の速度を上げる。
uneditionは、事業成長の速度を上げるAI-native Growth Studioです。
広告代理店事業では広告成果の改善を、コンサルティング事業では意思決定と実行を、システム開発事業では開発と事業実装を速めます。
AIは、判断、制作、開発、改善の速度を上げるために使います。
3事業を一体で提供し、戦略から実行・改善までを進めます。
Shinya Nakano
Founder / CEO
07 • Spacing
余白で語る/Spacing
8px グリッドベース。セクション間は最低 96px、章扉の前後は 160px を確保する。余白は装飾ではなく、主張である。
xxs4px
xs8px
sm16px
md24px
lg32px
xl48px
2xl64px
3xl96px
4xl128px
5xl160px
08 • Motion
モーション/Motion
テキスト以外のモーションは最小限に。パララックスや大胆なスケール変化は使わない。Fill-sweep だけが unedition のシグネチャ・モーションで、それ以外の hover は 200ms ease-out の控えめな色変化に留める。prefers-reduced-motion 時はすべて即時。
Durations
Micro
150ms
Short
200ms
Medium
300ms
Long
500ms
Page
400ms
Easings
Entry (out)
cubic-bezier(0, 0, 0.2, 1)
Exit (in)
cubic-bezier(0.4, 0, 1, 1)
Both (in-out)
cubic-bezier(0.4, 0, 0.2, 1)
Snap
cubic-bezier(0.2, 0, 0, 1)
09 • Rules
Do / Don't/Rules
Do — 守るべきこと
- ✓ヒーロー見出しは clamp(3rem, 12vw, 12rem) で編集誌の表紙のように大きく
- ✓セクションには必ずモノスペース番号 01 • を添える
- ✓余白で語る：セクション間は最低 96px、章扉は 160px
- ✓すべてのカード・ボタン・画像は矩形。例外はサービスタグのピルのみ
- ✓本文 line-height は 1.7–1.8。letter-spacing は 0.04em
- ✓見出しには "palt" 1, "kern" 1 の複合指定
- ✓Slash Red は「意味の断ち切り」としてページごとに 3〜5 箇所に留める
- ✓フォーカスリングは Slash Red の 2px outline、offset 3px
Don't — 禁止事項
- ✗影を付けない（box-shadow はモーダル・ドロップダウンのみ許可）
- ✗角丸を付けない（rounded-lg / rounded-2xl は禁止）
- ✗グラデーションを使わない（紫×白は AI slop の典型）
- ✗本文に純黒 #000000 を使わない — 代わりに #1A1A1A
- ✗Noto Sans JP 単独スタック禁止（和文フォールバックを 3 段以上）
- ✗本文 line-height 1.4 以下は禁止（日本語可読性を破壊）
- ✗Slash Red 以外のアクセント色（紫・青・緑・オレンジ）を追加しない
- ✗ロゴの / を他の色・角度に変更しない
ご相談/
Brand Guidelines v1.0 — 2026.04.10 — Single Source of Truth