ONE MORE RUN.
Headlines, results and short celebrations. Bungee Shade belongs to the arcade wordmark and rare hero moments.
ARCADE.FUN / BRAND SYSTEM 01
PIXEL SOUL.
GLASS FINISH.
Retro arcade joy. A premium finish. A multidimensional home for games with worlds of their own.
PLAYFULPOLISHEDUNMISTAKABLE
01 / IDENTITY
Make the invitation irresistible.
arcade.fun feels like a beautifully built arcade after dark: luminous signs, warm coins, deep ink and glass catching colored light. The platform frames the adventure; each game gets its own visual world.
Big ideas. Clear instructions.
Readable copy, navigation, field labels and buttons. Keep the words easy to scan, especially on a phone.
LV 07 / +150 EXP
Scores, balances, short metadata and room codes. Pixel fonts are accents, never long-form instructions.
Keep the coin emblem and established arcade.fun wordmark. One clear brand signature per view. Game titles can have a custom treatment in the right side of the play header.
02 / COLOR
Midnight first. Then the lights.
Midnight
#100C29Foundation
Warm cream
#FFF6DFPrimary text
Coin gold
#FFBF53Primary action
Arcade mint
#7CF8D2Focus / ready
Electric violet
#B59AFFGlass edges
Neon coral
#FF879EError / attention
Gold means “do the thing.” Mint signals focus and readiness. Coral needs explanatory text; never convey an error by color alone. A restrained accent has more impact than making everything glow.
03 / MATERIALS
Glass with depth and purpose.
Your next adventure.
A rich violet tint protects readability. A fine luminous edge, a soft top highlight and a grounded shadow make the surface feel crafted.
WORLD 04READYBEST RUN032,480
- 01 / Tint Deep ink, with enough opacity for readable copy.
- 02 / Edge One fine colored stroke, never a heavy gray outline.
- 03 / Highlight A subtle top reflection, not a glossy white slab.
- 04 / Depth Soft shadow and limited background blur.
Blur is an enhancement. Without it, the opaque fallback must look finished. Reduce blur on mobile, avoid stacking blurred panels, honor reduced transparency and keep moving game art quiet behind important text.
04 / COMPONENTS
Every control belongs here.
Design playground only. This does not create or join a match.
Try the field and button states.
That invite expired. Ask your friend for a new link.
Fields
Deep ink, inset depth, luminous border, soft corners and a persistent label. Legible placeholder text. No unstyled browser-gray boxes.
Buttons
Warm gold primary action, a tactile lower edge and clear press feedback. Secondary actions are tinted glass. Keep disabled controls visibly distinct.
Phones & keyboards
At least 44px touch targets and 16px mobile field text. A visible focus ring. Labels and status messages stay connected to their controls.
05 / MOTION & VOICE
Reward the moment.
Touch feels tangible.
Hover: a 1px lift. Press: a 2px settle. Transitions: 150–180ms. Keep the interface stable while the game moves.
Celebrate an achievement.
A new best, earned EXP or a completed curve deserves a brief, focused payoff. Respect sound settings and reduced motion. Never add artificial rewards or claims.
Speak like the arcade.
Warm, confident, short and useful. “One more run.” “Find opponent.” Explain what happens before camera, wallet or publishing actions.
06 / IMPLEMENTATION
Build from the same parts.
Every first-party platform page loads brand.css and opts into the shared control baseline. Hosted games keep their own styles. Creator Studio prompts preserve that distinction.
<link rel="stylesheet" href="/brand.css">
<body data-brand="arcade" data-brand-page="your-page">
<label for="room">Friend’s invitation</label>
<input id="room" placeholder="Invite link or room code">
<button class="btn">Join friend</button>
</body>Before shipping: check desktop and 320px phones, Tab focus, error and disabled states, reduced motion, content over moving art and the no-blur fallback. Preserve game rules, transaction behavior, consent and saved progress.