Back to Callup.gg
Brand Kit
Official Callup.gg brand guidelines for press, partners, and creators.
Logo
Color Palette
Chrome
#0a0e1a
--color-chrome
Brand Blue
#4a9eff
--color-brand-blue
Brand Navy
#1e3a5f
--color-brand-navy
Brand Orange
#ff6b2b
--color-brand-orange
Orange Muted
#e85d26
--color-brand-orange-muted
Live Red
#ef4444
--color-live-red
White
#f9fafb
foreground
CTA Gradient
linear-gradient(135deg, #d4520a → #ff8a3d)
.btn-cta
Typography
Primary Typeface
Inter
Regular (400)Upload. Improve. Get Called Up.
Medium (500)Upload. Improve. Get Called Up.
Semibold (600)Upload. Improve. Get Called Up.
Bold (700)Upload. Improve. Get Called Up.
Type Scale
5xl - Hero headline
3xl - Section heading
lg - Card title
sm - Body / card text
xs - Labels / meta
Game Gradients
Valorant
#ef4444 → #f97316
League of Legends
#a855f7 → #ec4899
CS2
#facc15 → #f97316
Rocket League
#3b82f6 → #06b6d4
Overwatch
#f97316 → #ea580c
Apex Legends
#dc2626 → #991b1b
Fortnite
#16a34a → #22c55e
Deadlock
#6366f1 → #a855f7
FIFA
#10b981 → #047857
Button Styles
Usage Guidelines
Do
- Use the shield mark at minimum 24px height
- Maintain clear space equal to the arrow height around the logo
- Use on solid dark or light backgrounds
- Reference game gradients for game-specific contexts
- Use the CTA gradient for primary action buttons
Don't
- Rotate or flip the logo - arrow always points up
- Place on busy or patterned backgrounds without overlay
- Stretch, skew, or alter proportions
- Change the shield/arrow colors
- Add effects like drop shadows or outlines