01 — Advertising
広告
Communication Design & Execution
市場へ届け、ブランドと事業を前に進めるためのコミュニケーション設計と実装。
Brand Guidelines — 2026.04.10 — v1.0
RETHINK
THE DEFAULT/
常識をアップデートして、未来をデザインする。
生成AIを中核に、広告、ブランド、事業、プロダクトを横断して新しい市場と価値をつくる。
- 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(3rem, 12vw, 12rem)leading 0.85tracking -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
AIと共生・共創する。それが私たちの前提です。個の力だけでは届かなくなる時代に、unedition はアライアンスを組みます。
Noto Serif JP / 40020pxleading 1.75tracking 0.02emLead Body（左罫線）
unedition（アンエディション）は、生成AIを中核に、広告、ブランド、事業、プロダクトを横断して新しい市場と価値をつくる会社です。常識をアップデートして、未来をデザインする。
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
Contact Form
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
広告戦略クリエイティブ運用マーケティング設計ブランド言語AI活用設計
rounded-full は pill のみ例外
Filled Input (Contact Form)
Line Input (Editorial Form)
04 • Cards
エディトリアルカード/Cards
02 — Brand Development
ブランド開発
Concept & Creative Direction
ブランドは見た目ではなく、事業の意思そのもの。コンセプト、言語、クリエイティブ、体験まで一貫して設計します。
03 — Business / Product
事業・プロダクト開発
From Idea to Implementation
新しい事業やプロダクトを、構想だけで終わらせず、実装可能な形まで具体化します。
05 • Services Pattern
サービスブロック/Editorial Pattern
01
Advertising
広告
市場へ届け、ブランドと事業を前に進めるためのコミュニケーション設計と実装。
広告戦略クリエイティブ運用マーケティング設計
02
Brand Development
ブランド開発
ブランドは見た目ではなく、事業の意思そのもの。コンセプト、言語、クリエイティブ、体験まで一貫して設計します。
コンセプト設計ブランド言語クリエイティブ体験設計
03
Business / Product
事業・プロダクト開発
新しい事業やプロダクトを、構想だけで終わらせず、実装可能な形まで具体化します。
事業開発プロダクト開発MVP設計実装
04
Strategic Alliances
戦略アライアンス
国内外のパートナーと連携し、単独では届かない市場や価値にアクセスする。
アライアンス設計共同事業推進市場開拓国内外連携
05
AI Enablement
AI活用設計
AIを機能のひとつとしてではなく、広告・ブランド・事業・プロダクトすべての価値創出を加速するハブとして実装します。
AI活用設計AI導入設計AIワークフロー化AIリテラシー
06 • Manifesto
常識をアップデートして、
未来をデザインする。
AIと共生・共創する。それが私たちの前提です。
AIがあらゆる領域に浸透するほど、個の力だけでは届かなくなる。だからこそ、AIの時代になればなるほど、個ではなく共創へ。
だからこそ私たちは、アライアンスを組みます。一社では届かない市場、一人では生み出せない価値。志を共有するパートナーと手を組み、広告、ブランド、事業、プロダクトを横断しながら、巨大な力をともにつくる。
次のビジネスを、一緒につくりましょう。
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 以外のアクセント色（紫・青・緑・オレンジ）を追加しない
- ✗ロゴの / を他の色・角度に変更しない
READY/
Brand Guidelines v1.0 — 2026.04.10 — Single Source of Truth