Screenshot of Tux Creative

Tux Creative

tux.co

A bicoastal independent creative house (LA + Montréal) whose site is built around one monumentally oversized custom display face (TuxPlaza at ~223px), a chrome-grey blurred-pill top nav, and full-bleed cinematic Vimeo case study reels — motion-heavy creative portfolio at indie-craft tier.

Creative Studio Full Service Creative House niche

Design tokens

pageDark
pageBlack
pageLight
accentLime
chromeTranslucent
surfaceCream
surfaceGrey
textOnDark
textOnLight
textInput
textMutedSrgb
display
TuxPlaza (bespoke condensed; substitute Migra / Druk Wide / Monument Grotesk)
body
NeueMontreal Variable (substitute Inter Variable)
mono
NBAkademieMono (substitute JetBrains Mono)
fallback
BasisGrotesque (rarely surfaces)
system
Times (1 hit, likely a quotation gag)

Do / Don't

Reference it for

  • Near-black rgb(18, 18, 18) as text + occasional surface colour, not pure #000
  • Pure white rgb(255, 255, 255) dominance on dark video chrome (923 hits)
  • Single chartreuse rgb(23, 224, 19) lime-green footer as full-bleed payoff surface
  • Black rgb(0, 0, 0) section covers for case studies (white-on-black moments)
  • Floating-pill top nav with rgba(61, 61, 61, 0.4) + 30px backdrop-blur + 10px radius
  • backdrop-filter: blur(30px) as the signature chrome treatment
  • Three-family system: variable sans (body) + mono (chrome/labels) + display (monumental)
  • NBAkademieMono uppercase 14px as the universal label font (49 hits, most-used family)

Do not copy

  • The TuxPlaza bespoke display face exactly, commission your own or substitute with Druk Wide / Monument Grotesk / Migra
  • The NBAkademieMono licensing (Neubau Akademie Mono is a paid commercial face)
  • The Neue Montreal Variable licensing if budget is constrained — Inter Variable is the open-source substitute
  • The literal rgb(23, 224, 19) lime green unless the brand owns chartreuse
  • The "Tux Creative House • Plan / Make / Launch" copy verbatim
  • The "COME WANDER WITH US" hero phrasing
  • The "INDEPENDENT / 2SLGBTQI+ / B-CORP / 4-DAY WEEK" four-claim monument (this is Tux's identity stack)
  • The bicoastal Los Angeles + Montréal positioning unless that's the brand's actual geography

Signature moves

monumental display vs mono-label split

an 11-step scale (14, 16, 18, 26, 75, 223px) brutally splits a bespoke display face used only at 200px+ moments from a mono label font (NBAkademieMono uppercase 14px, the most-used family) for all chrome, with negative letter-spacing throughout.

blurred floating-pill nav chrome

a floating-pill top nav uses rgba(61,61,61,0.4) with 30px backdrop-blur at 10px radius, the signature chrome treatment on dark video backgrounds.

split-text reveal on a 12-col vw grid

the splitting library drives character/word-split animated headlines (no GSAP needed) on a 12-column CSS-custom-property grid at 96vw with a 15px universal gutter, ease-out-cubic 0.3s as the motion workhorse.