STAGETUB BRAND HUB For partners & collaborators v1.1 · 2026

Your stage.
Your crowd.

The complete design system and brand guide for Stagetub — the event and gig management platform built for the rhythm of live performance. Everything a partner needs to use the Stagetub identity correctly.

01 / FOUNDATIONS

What Stagetub stands for.

Four pillars hold the brand together. Every design decision, every line of copy, every gig poster and product screen ripples back to these.

01
Raw
Authentic, unfiltered, honest about the grind of live music. No stock-photo grins. No polish for polish's sake.
02
Bold
High-contrast, high-energy, unafraid to take up space. Oversized type. Deep blacks. Purple that doesn't apologise.
03
Practical
Every feature earns its place. Every line of copy does a job. Nothing fluffy, nothing abstract.
04
Connected
The crowd, the crew and the artist — on one stage. Built on direct relationships, not middlemen.
03 / COLOUR

Bold, high-contrast, live.

Four colours, picked deliberately. Purple is the hero. Lime is the spark. Cream and Stage Black anchor everything in between.

PRIMARY
Stagetub Purple
#7C3AED · RGB 124 58 237
ACCENT
Stage Lime
#CFFB09 · RGB 207 251 9
LIGHT BG
Backstage Cream
#F4F4D7 · RGB 244 244 215
DARK BG
Stage Black
#1C1D1E · RGB 28 29 30
Accessibility · WCAG 2.2

Every approved Stagetub pairing has been contrast-tested. The matrix below shows which combinations are safe for body text, which are large-text only, and which to avoid entirely. Numbers are calculated WCAG contrast ratios.

Stage Black on Cream Default body text on light surfaces. Safe at any size.
15.09 : 1 AAA · ALL
Cream on Stage Black Default dark mode body text. Safe at any size.
15.09 : 1 AAA · ALL
Lime on Stage Black High-impact accent. Use for highlights and CTAs.
14.03 : 1 AAA · ALL
Stage Black on Lime Reversed for badges and accent panels.
14.03 : 1 AAA · ALL
Purple on Cream The hero pairing for body copy on light surfaces.
5.09 : 1 AA · ALL
Cream on Purple Buttons, CTAs and brand panels.
5.09 : 1 AA · ALL
Lime on Purple High-energy combo for posters and accent moments.
4.74 : 1 AA · ALL
Purple on Stage Black Display only · 24 px+ bold. Avoid for body copy — use Lime or Cream instead.
2.96 : 1 AVOID FOR BODY
Lime on Cream Never combine — luminance values are nearly identical.
1.08 : 1 DO NOT USE
Usage ratios
60%
Stage Black & Backstage Cream — the canvas the brand lives on.
30%
Stagetub Purple — the hero and primary brand signal.
10%
Stage Lime — accent moments only. Buttons, badges, highlights.
04 / TYPOGRAPHY

The voice, in type.

One typeface family does everything: Urbanist. Extra Bold (800) for headlines, Regular (400) for body. Restraint is the brand here.

Headlines.
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz · 1234567890 · !@#$%&*()_+

HEADER · URBANIST EXTRA BOLD

All headlines, page titles, section titles, hero copy, button labels and high-impact callouts. Set tight (-3% to -4% tracking) at large sizes.

Weight
800 (Extra Bold)
Source
Google Fonts
Licence
SIL OFL · free
Fallback
system-ui, sans-serif
Body copy.
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz · 1234567890 · !@#$%&*()_+

BODY · URBANIST REGULAR

Paragraphs, descriptions, captions, UI labels, navigation and supporting text. Set at line-height 1.55 for comfortable long-form reading.

Weight
400 (Regular)
Source
Google Fonts
Line height
1.55
Tracking
0% (default)
Hierarchy
Headlines that hit.
Urbanist 800 · 64–96 pt · -4% tracking · line 0.95
Manage your gigs.
Urbanist 800 · 40–56 pt · -3% tracking
Subheadings that keep it clear.
Urbanist 700 · 20–24 pt · -1% tracking
SECTION LABEL
Urbanist 800 · 12 pt · UPPERCASE · +18% tracking
Body copy that's easy to read, so your message comes through loud and clear. Stagetub uses Urbanist Regular at 16–17 px with comfortable line height for long-form content.
Urbanist 400 (Regular) · 15–17 pt · line 1.55
Caption · meta · fine print · timestamps
Urbanist 500 · 12–13 pt · 62% opacity
Get Started
Urbanist 800 · 13 pt · UPPERCASE · +8% tracking
05 / VOICE

How Stagetub talks.

Stagetub sounds like the person running the soundboard, not the one running the IPO. Direct, confident, and on the side of the artist.

Direct. Confident. Warm. Specific.

Do

  • Write in second person — your gig, your crew, your crowd.
  • Use concrete nouns: venue, door, merch table, set list, load-in.
  • Keep CTAs to 1–3 words: Sign Up, Get Started, Book a Gig.
  • Use contractions — you'll, we're, it's. This is a conversation, not a contract.
  • Lead with the benefit to the artist or venue, not the feature.

Don't

  • Don't call users 'customers' — they're artists, venues, crews.
  • Don't use tech jargon — leverage, synergy, solution are banned.
  • Don't write long paragraphs — if it's over 3 lines, cut it.
  • Don't over-promise — no 'revolutionary' or 'game-changing'.
  • Don't apologise for the product. Own it.
Signature phrases
Your Stage. Your Crowd.
Live Tonight. Own The Stage.
Headlines That Hit Hard.
Urban Energy. Real Connections.
Live Moments.
Join The Movement.
06 / APPLICATIONS

The brand, in the wild.

From product screens to a tote at a festival gate. Here's what the system looks like on the ground.

WEBSITE HERO
Manage your gigs.
Connect your crew.
Grow your audience.
Get Started Watch Demo
SOCIAL STINGER
NEW
SHOW
MAY 24 · 2026
THE ROXY
LOS ANGELES, CA
SOCIAL · MERCH
JOIN
THE
MOVEMENT
STAGETUB.COM/JOIN
STAGETUB · 2026
EMAIL · PULL QUOTE
"We built Stagetub for the 3pm load-in and the midnight last song — and every hour of graft in between."
App icon · scale & variants

Get the assets.

Everything a partner or collaborator needs to use the Stagetub identity. Request access and we'll share the full kit.

LOGO · SVG
Primary lock-up
All four colour variants
ICON · PNG / SVG
App icon set
1024 · 512 · 256 · 64 · 16
TYPE · OTF
Urbanist family
9 weights · OFL licence
TEMPLATES · FIG
Figma kit
Social · poster · deck
TOKENS · JSON
Design tokens
CSS vars · Tailwind config
GUIDE · PDF
Full brand guide
20 pages · 2.1 MB

Need something not listed? Email hello@eagleworks.co.uk

COPIED TO CLIPBOARD