ブランドガイドライン
PlayBridgeのロゴ、カラー、デザインシステムの利用規定です。
マスコット「プレベア」
プレベア
PlayBridge公式マスコット
ダルそうに見えて、実はめちゃくちゃ面倒見がいいクマ。 ゲーム開発者と配信者の間をゆる〜く取り持つのが仕事。 普段はローテンションだけど、面白いゲームを見つけると急にテンションが上がる。
プレベアの画像は、PlayBridgeの紹介・レビュー・配信などの目的で自由にご利用いただけます。
画像の改変、誹謗中傷・差別的な文脈での使用はご遠慮ください。
ロゴ
ロゴのフォントは Inter Bold を使用しています。
「Bridge」部分にはアクセントカラー（#99ED3B）を適用してください。
ロゴの周囲には最低でもロゴ高さの50%の余白を確保してください。
使用上の注意
- ロゴの色を変更しないでください（ダーク/ライト背景の2バリエーションのみ）
- ロゴを回転、傾斜、変形させないでください
- ロゴの縦横比を変更しないでください
- 背景とのコントラストが十分に確保できる場合のみ使用してください
OGP / バナー
OGP画像サイズ: 1200 x 630px（PNG）
SNS共有時やリンクプレビューに使用されます。プレベアを中心としたデザインです。
タグライン
「ゲームと配信者の架け橋になる。」
ロゴとセットで使用する場合は、ロゴの下に配置してください。
デザインシステム
テーマ: ダークのみ / フォント: Inter + Noto Sans JP
Colors
bg-base
#0D1117
bg-surface
#151B23
bg-overlay
#1B2430
accent
#99ED3B
accent-hover
#B2F55F
text
#F3F6F9
text-sub
#A9B5C2
border
#2A3441
live
#FB7185
success
#22C55E
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
必須項目です
0
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 |