D Merlin Tribukait DESIGN SYSTEM
Brand design system

Merlin Tribukait

The personal brand: neon cyan and flare rose over obsidian, brushed titanium lockups and a four-level atomic hierarchy (tokens → lockups & badges → organisms → asset packages) taken straight from the brand guidebook.

merlin-tribukait.com live tokens v2.0.0 merlin/web.git
20
Authored tokens
merlin-tribukait-branding
11
Derived roles
computed at build time
1
Palette variants
switchable in the header
47
Assets indexed
10.66 MB
1
Documents
Merlin Tribukait — Brand Identity & Design System v2.0.0

Palette at a glance

Primary Neon
#00f0ff
Secondary Accent
#ff2d55
Brushed Titanium
#8f96a3
Titanium Highlight
#a0a4b8
Obsidian Dark
#08080c
Void
#040508
Surface
#12121c
Surface Raised
#171d2b
Surface High
#1e2638
Surface Peak
#2b354c

Inside this ecosystem

Palette variants

Every variant below is compiled into the same theme stylesheet and can be flipped live from the header switcher.

Canonical
merlin-tribukait-branding · 06_design_tokens/brand_tokens.json + BRAND_GUIDEBOOK.html

Provenance

Where every value on this site comes from. Nothing is hand-entered twice.

ArtifactRole in this ecosystem
merlin-tribukait-branding · BRAND_GUIDEBOOK.htmlMolecular Brand Identity & Design System
merlin-tribukait-branding · 06_design_tokens/brand_tokens.jsonDTCG tokens
merlin-tribukait-branding · css/landing-system.csslanding surfaces
merlin-tribukait-branding · mockups/*launcher, battlestation, merch

GitHub mirror: https://github.com/merlin-tribukait/merlin-web