Identity

Brand & Design System

The visual language of Court of Dans — minimal, white, and Mexico-football-inspired. Every token here lives in one place (src/app/globals.css) and drives the whole site, including this page.

Logo

The Wordmark

COURT OF DANS
COURT OF DANS
  • · Set in Bebas Neue — tall, condensed, kit-style.
  • · “OF” carries the red accent on light backgrounds.
  • · Give the mark room — clear space ≥ the cap height.
  • · Never stretch, skew, or add effects to the wordmark.

Color

Palette

#FFFFFF

Paper

--color-paper

Page background

#F5F4F1

Mist

--color-mist

Raised surfaces

#E6E3DD

Line

--color-line

Hairline borders

#14110F

Ink

--color-ink

Primary text

#6F6A64

Ink Dim

--color-ink-dim

Secondary text

#006847

Green

--color-green

Primary · El Tri

#02814F

Green Soft

--color-green-soft

Hover / highlight

#C8102E

Red

--color-red

Secondary accent

Typography

Type Scale

Bebas Neuefor display & headings (condensed, kit-style). Interfor body & UI (clean, modern, legible).

Display / HeroCourt of Dans
Display / H2Long Live the Noise
Display / H3Throne of Static
Body / LargeNew record out now. Catch us on the road.
Body / BaseBrooding low end, blown-out guitars, and choruses built to be shouted back.
EyebrowOn the Road

Components

Buttons & Surfaces

PrimaryGhostPrimary SmallGhost Small

Built from the .btn-primary, .btn-ghost, .btn-sm, and .surface classes in globals.css — use these instead of ad-hoc styling so the system stays consistent.

Voice

Tone of Voice

We sound like

  • · Bold, direct, a little defiant.
  • · Short, declarative, built to be shouted.
  • · Confident — never apologetic.

We avoid

  • · Corporate, hype-y marketing speak.
  • · Emoji and exclamation spam.
  • · Clutter — keep it minimal.

For Devs

Tweaking the System

  1. 1. Edit tokens in src/app/globals.css (the @theme block).
  2. 2. Edit content in src/app/data.ts (releases, shows, merch, members, socials).
  3. 3. Compose pages from the shared primitives in src/app/components.