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
| Token | Value (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
| Role | Family | Size |
|---|---|---|
| display | Space Grotesk | 64px |
| body | Inter | 15px |
| mono | JetBrains Mono | 12px |
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).
- four words are enough. the rest is the item.
- the marketplace for clothes you argue about. sell the one in your closet, buy the one you've been hunting.
- six percent, flat. no hidden fees, no renegotiated rates, no boosted listings. sellers keep what sellers earn. buyers pay what the tag says.
- i sold the jacket in my closet. it paid my rent.
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.
hue