TournPass

Brand kit

One mark.
Every gate.

The Tourn Pass mark is a tournament bracket set inside a ticket stub — two feeds joining one advance, with the perforation bitten out of both edges. Bracket for the tournament, stub for the pass. Everything on this page is generated from that one piece of geometry.

The mark

Drawn on a 32×32 grid with a 2.5-unit stroke and a 3.2-unit notch radius. The notch is the same perforation used on every stub in the product, so the logo and the thing it sells are cut from one language.

Grid
32 × 32
Stroke
2.5
Plate radius
1.5
Notch radius
3.2
Minimum size
16 px
Lockups and tones
TournPass
Brand — the default
TournPass
Duotone — marketing surfaces
TournPass
Ink — one-colour dark
TournPass
Stamp — voided states only
TournPass
Stock — on ink
TournPass
Inverse — on ink
TournPass
Stacked — square spaces, avatars, stamps
TournPass
Mono — takes currentColor, bracket knocked out
Clearspace and minimum size
TournPass

Keep clear space of at least one third of the mark's height on every side. Nothing — type, rules, photography, another logo — enters that band.

16px
20px
24px
32px

The mark holds down to 16px. Below that, or anywhere the notch would disappear, use the wordmark on its own. The horizontal lockup has a floor of 14px mark height.

Colour
SwatchTokenHexUse
Stock--stock#F2F0EAPage background. The paper everything prints on.
Ink--ink#141613Body text, rules, borders, the one-colour mark.
Pitch--pitch#1F6B3EThe brand green. Primary actions and the logo plate.
Pitch bright--pitch-bright#3EA76APitch, lifted. Only on ink or photographic surfaces.
Stamp--stamp#C33227Voided, expired, failed. Never a primary action.
Chalk--chalk#FFFFFFCards, stubs and tables that sit on stock.

Tier colours

TeamGeneralVIPVVIPVendor
Type

Display — Barlow Condensed 700

Teams in.

Headlines, the wordmark, tier bands. Always uppercase.

Body — Barlow 400/500

Book a stall

Everything a person reads in a sentence.

Mono — IBM Plex Mono 500

AIL26-TM-000245

Labels, serials, prices, anything tabular.

Using the mark
  • DoUse the horizontal lockup wherever there is room. It is the default.
  • DoSwitch to stock or inverse on ink, photography or video.
  • DoUse mono when the surface allows exactly one colour — embroidery, foil, a single-ink print run.
  • Don'tDon't recolour the plate outside the palette, and never put pitch green on ink — use pitch bright.
  • Don'tDon't stretch, rotate, outline, add a shadow, or set the wordmark in another typeface.
  • Don'tDon't rebuild the lockup by hand — the gap and the cap alignment are fixed. Use the component or the files.
  • Don'tDon't fill the notch or round the plate further. The perforation is the idea.
In code
import { Logo, LogoMark } from "@/components/tournpass/Logo";

<Logo variant="horizontal" tone="brand" size={18} />   // header
<Logo variant="stacked"    tone="brand" size={26} />   // square spaces
<Logo variant="wordmark"   tone="duotone" size={22} /> // no room for the mark
<LogoMark tone="mono" size={16} title="Tourn Pass" />  // one colour

The component draws the wordmark as live Barlow Condensed, so it stays crisp and selectable. The files below carry outlined text instead — use those anywhere the webfont will not load: decks, email signatures, print, third-party sites.

Files
Download the whole kit16 SVGs · favicons · app icons · social card.zip

Mark — loose SVGs

Pure geometry, no type — safe to drop anywhere.

In the kit

  • Wordmarkink · duotone · stock · duotone on ink
  • Horizontal lockupbrand · duotone · ink · stock · duotone on ink
  • Stacked lockupbrand · duotone · stock
  • Iconsfavicon SVG + ICO · apple touch · 192 · 512 · maskable
  • Social1200×630 card

These carry the wordmark as outlines, so they are heavy — they ship in the zip rather than one by one.

Live on this site