Tux Creative
tux.coA 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.
Design tokens
- 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.
Related references
Lanserring
flagshipTrades
a bespoke-joinery house that sells craft as heritage, warm sepia interiors and meadow photography under a high-contrast transitional serif, the brand reduced to a single fine line-drawn ring, with quiet WordPress structure and almost no visible motion furniture.
Abhishek Jha
nicheDesign Portfolio
Indian designer personal portfolio — 4-font system (DM Sans + thunder + editorial + playground), 17-step scale up to 288px, dark plum + pink palette, 9-keyframe marquee/cloud motion.
Alche
strongCreative Studio
The reference for Japanese virtual-character + immersive experience studios — Astro v5 build, neon yellow-green accent, 5-font multi-language system, KizunaAI case study.
Alejandro Mejias
nicheDesign Portfolio
A Melbourne solo UX designer's Framer-built portfolio in a brutalist bracket-wrapped monospace voice — black-on-white chrome punctuated by a single neon-yellow accent, dotted-grid hero, and full-bleed yellow about page.