← Back to work
Brand identity · Web design

TourMode a bold brand for life on the road

I designed the brand identity and marketing site for TourMode, a tour-management platform for touring musicians and their crews. The goal: a brand that feels as road-ready as its users, and a landing page that makes a busy tour manager stop and request access.

tourmode.app
TourMode homepage hero: Plan the Tour, Run the Show in white and gold uppercase type, beside a frosted-glass show-day card for Pale Ritual with the run of day, guest list, crew and day sheet.
Role
Brand Identity & Web Design
What I did
Visual identity, homepage design, art direction, responsive layout
Team
Two designers, fully collaborative; I led UX/UI design and full brand design
Status
Live site · early access →
01 · The brief

Earn a tour manager's trust instantly

Nothing lost between the spreadsheet, the group chat, and the printout taped to a dressing-room door.

TourMode pulls tour planning, advancing, day sheets, and settlements into one app. Its audience is tour managers and crews: practical people, moving fast, deciding in seconds whether a tool is worth their time.

The brief was a brand that earns their trust instantly. It had to feel built for the road, confident and no-nonsense, and a landing page that turns a skeptical scroll into a request for access.

Tour planning · Advancing · Settlements
Plan the tour. Run the show.
Everything in one app, so nothing gets lost on the road
02 · Brand system

Loud where it counts, quiet everywhere else

Built to read at a glance in a dark venue. The striped TM monogram has the rhythm of stage lighting and stays legible from a 16px favicon to a hoodie. The system is dark by default, the way a stage is: frosted-glass panels over drifting blue, violet, and gold light. Heavy uppercase Inter sets the headlines like a tour poster, electric blue drives the actions, gold marks the touring-world details, and a monospaced face labels everything like a road case. Warm cream bands give the product room to breathe between the loud moments.

TourMode logo: a striped TM monogram, the T in white and the top of the M in blue, beside the TourMode wordmark in white.

Built for touring

Logo & wordmarkStriped TM monogram and wordmark, dark by default like a stage
FoundationNight#04050F
ActionBlue#3D6BFF
LightViolet#6A4DFF
DetailGold#F5B841
BandCream#F5F4EF
ColorHover a band to expand it
Display · uppercaseExtraBold
Aa
Inter ExtraBold
ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789
Eyebrows & labelsMedium
Aa
Geist Mono
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
tourmode.app
TourMode homepage section: Every Show in Your Pocket, with a glass phone showing the Pale Ritual show day, a guest list of 38 names, and a gold synced badge.
The system in useGlass panels, gold detail, poster headline, mono eyebrow
  • DisplayRun the showInter 800 · 72
  • Heading 2Every show, start to finishInter 800 · 44
  • Heading 3Advance & crewInter 700 · 20
  • BodyDay sheets and settlements, all in one place.Inter · 17
  • EyebrowWhat is TourMode?Geist Mono · 12
03 · The website

Glass panels, real data, one honest ask

The homepage was redesigned to look like the product, not like generic SaaS. Frosted-glass panels float over slowly drifting blue, violet, and gold light, and every graphic is drawn from the app's demo account: a live run of day for tonight's show, a tour imported in seconds, the whole run mapped across the continent.

Each section pairs plain copy with one animated product moment, alternating sides as you scroll, and dark stage sections trade off with warm cream bands. Because the app is in early access, every call to action still points at one thing: request early access. The page closes on a neon road at night.

tourmode.app
TourMode homepage section: Every Show, Start to Finish, with glass cards for Plan, Advance, Run, and Settle beside short descriptions of each step.
Every show, start to finishThe product explained in four plain steps, animated as you scroll
The old way: a paper notebook of tour dates, a printed hospitality rider, lanyards, and a sticky note.
The old wayNotebooks, riders, and sticky notes
The new way: the real TourMode dashboard inside a frosted-glass window labeled Everything, one screen.
The new wayEverything in one place, on one screen
tourmode.app
TourMode homepage section: The Whole Run at a Glance, a dark North America map routing three acts through twelve shows.
The whole run at a glanceThree acts, twelve shows, one map, recreated from the app's routing screen
tourmode.app
TourMode closing call to action: Ready to Get on the Road? in neon blue over a synthwave road at night, with a Request early access button.
The closing askA neon road at night, and one button: request early access
  1. Hero + live show cardTonight's run of day, in glass
  2. What it doesPlan, advance, run, settle
  3. Product momentsDashboard, advance, mobile, routing
  4. Request early accessThe one click the page earns
04 · The result

A brand that looks like it belongs on a tour laminate, and a landing page that shows the product instead of describing it.

The marketing site is live and the product is rolling out in early access, in real use on the road.

Visit tourmode.app →
Next project

Mzingo Wild Adventures

→
← Back to all projects