hue

Drift

Fashion marketplace / streetwear commerce system.

Drift is a fashion-resale marketplace where the type is the product: a diagonal stack of MADE. FOUND. SOLD. in huge Space Grotesk forms the hero mass, the composition preset with no object and no orb. Hot pink on a near-black with a slight magenta bias, plus an electric yellow reserved for new badges and price flashes. Where oxide whispers in monospace on white, drift shouts in display caps on black; the two share conviction but not a single pixel. Everything is lowercase, timestamped, and priced like an auction floor.

Made. Found. Sold. Drift is the marketplace for people who buy clothes the way they buy records: with opinions. Hot-pink energy over near-black, the confidence of a gallery and the chaos of a flea market. Every drop is timestamped, every seller has a ledger, four words are enough.

Anatomy

Fictional fashion marketplace for statement pieces. Instead of a centered product shot, the hero field is a diagonal stack of three huge display words ('MADE.' / 'FOUND.' / 'SOLD.') that together form the hero mass. Proves the composition preset: medium: gradient + subject: composition + relation: glow. The first example in the proof library where typography itself is the hero subject.

Hero composition

three huge display lines (MADE. / FOUND. / SOLD.) stacked with asymmetric horizontal offsets, each at ~140px Space Grotesk 700. Two lines render in bone-white, the middle line in hot-pink. Each line carries different tracking. The stack is framed by a hard top-left spotlight on dark-pink-tinted black, falling off into pure black at bottom-right. A strong vignette frames the mass. The typography IS the subject.

Color tokens

TokenValue (dark)
background#07040B
surface1#141118
surface2#221F26
surface3#35303A
border#221F26
border_visible#35303A
text1#F7F5F8
text2#D8D3DE
text3#B2ABBC
text4#78707E
accent#FF3A8C
accent_hover#FF6BA7
accent_subtle#1F0210

Typography tokens

RoleFamilySize
displaySpace Grotesk64px
bodyInter15px
monoJetBrains Mono12px

Voice

Tone. streetwise, lowercase, drop-culture terse; market talk without marketing

Cadence. all lowercase, even the wordmark. clipped fragments chained with periods. concrete numbers over adjectives (6% flat, payouts in 24 hours). conditional couplets (if you see it, it's live).

Live preview

Generate one like this

hue is a free, open-source skill that turns any brand into a complete design language your AI assistant can use.

Claude Codegit clone github.com/dominikmartn/hue ~/.claude/skills/hue Codexgit clone github.com/dominikmartn/hue ~/.codex/skills/hue

Back to hue · Full install guide

Related brands