ブランドガイドライン
PlayBridgeのロゴ、カラー、デザインシステムの利用規定です。
ロゴ
PlayBridge
PlayBridge
ロゴのフォントは Inter Bold を使用しています。
「Bridge」部分にはアクセントカラー（#5B6DF6）を適用してください。
ロゴの周囲には最低でもロゴ高さの50%の余白を確保してください。
使用上の注意
- ロゴの色を変更しないでください（ダーク/ライト背景の2バリエーションのみ）
- ロゴを回転、傾斜、変形させないでください
- ロゴの縦横比を変更しないでください
- 背景とのコントラストが十分に確保できる場合のみ使用してください
バナー
PlayBridge
配信したいゲームが見つかる
バナーにはグラデーション背景（accent/20 → bg-surface）を使用します。SNSヘッダーやプロモーション素材にご利用ください。
タグライン
「配信したいゲームが見つかる」
ロゴとセットで使用する場合は、ロゴの下に配置してください。
デザインシステム
Palette: Deep Signal
Colors
bg-base
#0D1117
bg-surface
#161B24
bg-overlay
#202736
accent
#5B6DF6
accent-hover
#7382FF
text
#F1F4F8
text-sub
#97A2B3
border
#2A3446
live
#FF4F64
success
#35C46E
Typography
5xl / 3rem
PlayBridge
4xl / 2.25rem
配信したいゲームが見つかる
3xl / 1.875rem
新着ゲーム
2xl / 1.5rem
セクションタイトル
xl / 1.25rem
カードタイトル
base / 1rem
本文テキスト。ゲーム制作者と配信者をつなぐプラットフォームです。
sm / 0.875rem
サブテキスト・メタ情報
xs / 0.75rem
キャプション・タイムスタンプ
Buttons
Variants
Sizes
With Icons
Badges
LIVEマッチング成立RPGSmall
Avatars
P
T
GD
S
Inputs
ゲームの公式サイトURL
必須項目です
Game Cards
Breakpoints (Mobile-first)
| Name | Min Width | Columns | Sidebar |
|---|---|---|---|
| Mobile | 0 | 1 | Overlay |
| sm | 40rem (640px) | 2 | Overlay |
| md | 48rem (768px) | 2-3 | Overlay |
| lg | 64rem (1024px) | 3 | Fixed |
| xl | 80rem (1280px) | 3-4 | Fixed |
| 2xl | 96rem (1536px) | 4+ | Fixed |