Weekly briefs, live protocol stats, product proposals, GTM strategies, and the ideas roadmap — one home for the team.
Design reference
Bags UI v2.1 “Blend”
The standing reference for everything we ship on bags.holdings — in-house 2026 color, glow buttons, and type on Outpace grounds. Rules: no raw hex outside globals.css · radii by role · cards are border-forward · one green (#0BD52D), one red. Primary buttons glow with near-black labels; every grey derives from foreground-at-alpha, so a light theme drops in by swapping the grounds.
Grounds & brand
green-tinted grounds, one green, one red — no raw hex outside globals.cssGround
--bg · #131413
Elevated
--elevated · #1A1B1A
Foreground
--fg · #F6F9F6
Brand green (the one green)
--green · #0BD52D
Green disabled
--green-disabled · #166724
Negative (the one red)
--negative · #EB4D5C
Warning
--warning · #F59E0B
Blue (verified)
--blue · #1D9BF0
Pink
--pink · #FF028B
Orange
--orange · #FF3F02
Yellow
--yellow · #FFD702
Foreground-alpha ramp
every grey derives from fg-at-alpha, so a light theme drops in by swapping the groundsStrong text
--t-strong · fg @ 70%
Secondary text
--t-secondary · fg @ 50%
Tertiary text
--t-tertiary · fg @ 40%
Muted text
--t-muted · fg @ 30%
Surface fill
--surface · fg @ 6%
Surface border
--surface-border · fg @ 12%
Surface pressed
--surface-pressed · fg @ 10%
Chip border
--chip-border · fg @ 10%
Track
--track · fg @ 8%
Divider
--divider · fg @ 6%
Type
OpenRunde for UI and data (tabular nums), OpenBags for displayDisplay 40 — OpenBags Black
Title 28 / 34 · w700
Heading 22 / 28 · w700
Headline 16 / 22 · w700
Body 14 / 20 · w400 — secondary ink for running copy like this sentence.
Label 13 / 18 · w700
Caption 12 / 16 — tertiary ink
Micro 11 / 14 · w700 · uppercase
Eyebrow — 11px w700 ls 1.4 uppercase, brand green
$1,234,567.89 · tabular
Radii by role
8 badge · 12 thumbnail · 16 media · 20 card & input · 32 modal · pill for all controls8px · badge
12px · thumbnail
16px · media
20px · card & input
32px · modal / sheet
pill
999px · controls
Buttons
primary glows: green fill, near-black label, outer halo + inner top-light; secondary is green-tint glass; disabled primary goes solid — no fadeChips & pills
chips filter, pills state — tints for status, solid for emphasis+24.6%-8.1%pendingunclaimedLIVEHALTED
Segmented & switch
sliding thumb on 6% surface; buysell variant tints the thumbOn — action green
Inputs
elevated fill, 2px surface border, radius 20, green focus ring, red error border$MAX
Ticker already taken
Cards
border-forward glass by default; the green corner bracket is the signature — reserve it for featured cardsGlass card
6% fill + 2px 12% border, radius 20. No frost glow.
Solid card
Elevated ground, 1px divider border, soft drop shadow.
Featured
Bracket card
Top-right green corner bracket — use deliberately.
Stat rows & progress
label/value pairs on divider baselines; 8px pill progressLifetime fees
$4,812,331
+$12,940 today
Creators paid
18,204
Claim rate
62%
Airdrop pool62 / 100 wallets