Brand kit
Logos, marksand colours.
Everything you need to write about WeBall, list it, or make something for the community. The characters have their own kits on the characters page.
Download the brand kit281 KBLogo
The mark and the wordmark together. Use it wherever there's room.
Logo on black
The mark and wordmark together, for dark backgrounds.
Logo on orange
For Header Orange and other light backgrounds.
Mark
Dunk's ball: the stamp for small spaces, avatars and app icons.
Mark
Dunk’s ball on its own, transparent. For small spaces.
Mark on black
Square tile. Profile picture for X, Telegram and Discord.
Mark on orange
Square tile. Profile picture on orange.
Wordmark
Icons
Favicons and app icons, drawn with heavier strokes so they hold at 16px.
Colours
Orange header, near-black everything else. Tap a value to copy it.
Brand
Header Orange for the header, hero and social grounds, and primary buttons. Gold means money coming in.
- Header Orange#FF4F18RGB 255, 79, 24Header, hero, social grounds, primary buttons. Ink text on it.
- Orange Shade#C23A0CRGB 194, 58, 12Hover, pressed, shadows on orange
- Coin Gold#F7B130RGB 247, 177, 48Coins, payout amounts, top ten
- Bone#F4EFE6RGB 244, 239, 230Primary text on black
Blacks
Page is Black, cards are Coal with a 2px Edge border, raised panels and inputs are Soot.
- Ink#0A0A0BRGB 10, 10, 11Outlines, text on orange
- Black#0E0E10RGB 14, 14, 16Page background
- Coal#151518RGB 21, 21, 24Cards
- Soot#1C1C20RGB 28, 28, 32Raised panels, inputs
- Edge#26262BRGB 38, 38, 43Borders, dividers
- Ash#8A8A93RGB 138, 138, 147Secondary text
Signals
Up and Down are for price moves only, always with ▲/▼. Down also marks errors.
- Up#3DDC84RGB 61, 220, 132Buy, price up. Always with ▲.
- Down#FF4D6DRGB 255, 77, 109Sell, price down (with ▼), errors
- Link#7FB3FFRGB 127, 179, 255Links on black
- Link hover#A9CBFFRGB 169, 203, 255Link hover
Characters
Each character owns one colour: the fill for their things, the lighter text colour for their name on black.
- Dunk#E27812RGB 226, 120, 18Dunk fill
- Dunk text#F59A3CRGB 245, 154, 60Dunk’s name on black
- Numba#315DC8RGB 49, 93, 200Numba fill
- Numba text#6F95F2RGB 111, 149, 242Numba’s name on black
- Bags#36985FRGB 54, 152, 95Bags fill (darker than Up)
- Bags text#4FC282RGB 79, 194, 130Bags’ name on black
- Splash#7B4FD9RGB 123, 79, 217Splash fill
- Splash text#A184FFRGB 161, 132, 255Splash’s name on black
- Jersey#E8408FRGB 232, 64, 143Jersey fill
- Jersey text#FF6FAERGB 255, 111, 174Jersey’s name on black
- Blush#FF8FA3RGB 255, 143, 163Character cheeks only
Type
- DisplayHOLD THE COIN.Rubik 900. Headlines in capitals, the wordmark, buttons.Get Rubik on Google Fonts
- BodyHolders receive a basket of up to three tokens.Rubik 400 / 500. Everything people read.Get Rubik on Google Fonts
- Numbers12.4500 SOL · 00:59:07JetBrains Mono 700. Prices, timers, counts, small uppercase labels.Get JetBrains Mono on Google Fonts
Using the logo
Do
- Keep clear space of half the ball’s width around the mark.
- Use the logo on black or on Header Orange.
- In the lockup, the ball matches the wordmark’s full height.
- Use the square tiles for profile pictures.
Don't
- Recolour, stretch, rotate or redraw the logo or the ball.
- Add a face, shadows, outlines or other effects to the mark.
- Put it on busy photos or patterns.
- Go below 24px (16px with the favicon file).