Branding
Welcome! We created this hub for everyone so we can empower you with the tools to showcase Challonge the right way.
If you have any questions, please feel free to reach us at [email protected]
Our Logo
Our logo is the keystone of our visual identity. It is important to keep the logo as is. Please do not distort, change orientation, add stylized effects, or alter the colors of the logo. Use the full color version for simple dark backgrounds. If the logo blends with the background, use the monochromatic black or white version to make the logo clearly visible.
Logo Variations
Use these alternate logos to suit your layout and spacing requirements. The icon is acceptable only if the Challonge brand is already established elsewhere on the page or material.
Logo Usage
Minimum Padding
Please add a 40px padding around the logos when using them across all types of deliverables.
Minimum Logo Sizes
Please ensure that all the logos follow the minimum size requirements below.
Colors
Primary
Primary
#FF7324
R255 G115 B36
C0 M55 Y86 K0
H22 S100 L27
Pro Gradient
linear-gradient(266.85deg, #FF9C66 0%, #FC5C5C 100%)
State
Success
#4BB783
R75 G183 B131
C42 M0 Y20 K28
H151 S43 L51
Warning
#F2C94C
R242 G201 B76
C0 M16 Y65 K5
H45 S86 L62
Information
#2D9CF1
R45 G156 B241
C77 M33 Y0 K5
H206 S88 L56
Danger
#D9534F
R217 G83 B79
C0 M53 Y54 K15
H2 S64 L58
Grayscale
Grayscale 0
#272A33
R39 G42 B51
C5 M4 Y0 K80
H225 S0.13 L0.18
Grayscale 1
#2C303A
R44 G48 B58
C5 M0 Y0 K77
H222.86 S0.14 L0.2
Grayscale 2
#373C49
R55 G60 B73
C7 M5 Y20 K71
H223.33 S0.14 L25
Grayscale 3
#3D4351
R61 G67 B81
C8 M5 Y0 K68
H222 S0.14 L0.28
Grayscale 4
#444B5B
R68 G75 B91
C9 M6 Y0 K64
H221.74 S0.14 L0.31
Grayscale 5
#4D5466
R7 G84 B102
C10 M7 Y0 K60
H223.3 S0.14 L0.35
Download the Brand Kit
Here's the logo package to help you get started. If you have any questions, please feel free to reach us at [email protected]
Download Brand Kit