Style guide — Mockup

Color palette

Canvas

#0f0f10

Surface

#1a1a1c

Surface 2

#242427

Edge

#2e2e32

Ink

#f2f0ed

Ink 2

#a8a5a0

Orange

#f4620a

Amber

#e6940a

Green

#22c261

Red

#e84040

Type scale

Hero number	$31.00	48px / 800 / tabular-nums
Display	Artisan Keycap Set R2	36px / 700 / -0.03em
H1	My commitments	24px / 700 / -0.02em
H2	Active deals	18px / 600 / -0.01em
H3	Tier ladder	15px / 600
Body	Payment is authorized but not charged until the deal reaches its tier.	14px / 400
Caption	Closes in 3 days, 4 hours — 142 commitments	12px / ink-2
Label / section	Active deals	11px / 500 / uppercase / 0.08em
Mono price	$44.00 → $38.00 → $31.00	14px / mono / tabular-nums

Buttons

btn-commit: 52px min-height, orange. btn-settle: green. Both 48×px mobile touch target.

Pills & badges

Active Unlocked Locked Settled Cancelled Draft ✦ Best price

Tier 2 Tier 1 ✓ Tier 3 — 58 more You're here

⏱ 3d 4h 22m ⏱ 5h 41m ⏱ 42m 18s

countdown: surface-2 / countdown-urgent: orange-soft / countdown-critical: red-soft

Tier ladder

Tier 1

50+ buyers

Unlocked ✓

$44.00

✓ Passed

Tier 2

100+ buyers

142 / 100 ✓

$38.00

You're here

Tier 3

200+ buyers

58 more needed

$31.00

Locked

Progress bar — commitment meter

142 / 200 for best tier

71%

247 commitments

✦ Best price

Commitment cards

🎹

Artisan Keycap Set R2 — Matcha

Qty: 1 $38.00/unit

⏱ 5h 41m 142 commitments +3 referred

☕

Ethiopian Yirgacheffe — 5kg split

Qty: 2 × 5kg $31.00/unit · $62.00 total

Settled Ref #GB-48291

Dispatched ✓

🎲

Enamel Pin Set — Dungeon Series

Qty: 1 Expired May 10

Cancelled — floor not met

Hold released

KPI stat cards

Total commitments

142

+23 in last hour

Gross at current tier

$5,396

at $38.00/unit

To next tier

58

more for $31.00/unit

Closing in

5h 41m

May 27 at 6:00 PM

Max 4 KPI cards per row. Collapse to 2-col at 640px, 1-col at 375px.

Deal list table (organizer dashboard)

Deal	Tier	Commitments	Gross	Closes	Status
Artisan Keycap Set R2 — Matcha	Tier 2	142 / 200 floor	$5,396	5h 41m	Active
Ethiopian Yirgacheffe 5kg	Best	247 / 50 floor	$7,657	Closed May 18	Settled
Dungeon Enamel Pin Set	—	23 / 50 floor	$0	Expired May 10	Cancelled
Mechanical Switch Sample Pack	—	—	—	Not published	Draft

Columns 4–6 hidden below 640px. Row height 48px. Mono for numeric columns.

Settlement buyer table

142 buyers — $5,396.00 gross

Closing tier: Tier 2 — $38.00/unit

Buyer	Qty	Unit price	Total	Address
Marcus T.	2	$38.00	$76.00	Portland, OR
Kenji W.	1	$38.00	$38.00	Seattle, WA
Priya S.	3	$38.00	$114.00	Chicago, IL

Form elements

Deal name Visible to buyers on the deal page

Closing deadline

Unit price — Tier 1 (floor)

$

Commitment threshold — Tier 1

buyers

Deal name — error state Name must be at least 10 characters

Per-buyer maximum quantity

1

1–10 units per commitment

Fulfillment plan Buyers read this before committing. Be specific.

Cap maximum commitments per tier

Enable referral credits ($5 per 5 referred buyers) I agree the fulfillment plan is accurate and I am responsible for delivery

Tier ladder editor

⠿

Threshold (buyers)

Unit price ($)

$

⠿

Threshold (buyers)

Unit price ($)

$

⠿

Threshold (buyers)

Unit price ($)

$

Tier 3 threshold (80) must be greater than Tier 2 (100)

Topbar

Left rail navigation (organizer dashboard)

Active 2

Closed 5

Drafts 1

2 active deals · sorted by closing soonest

Sidebar collapses to horizontal row below 768px. Active item: orange-soft bg + orange text.

Step indicator (commitment flow)

✓

Quantity

2

Address

3

Payment

Avatars — 8-color fixed palette (name hash)

PS

MW

KJ

AL

RN

SC

TF

BD

PS

KJ

MW

AL

Solid bg + initials only. No gradient avatars. 8 colors cover all hashes.

Disclosure / payment notice

About your commitment: Your card will be authorized now but only charged if this deal reaches Tier 1 (50 buyers) before May 27 at 6:00 PM. If the deal doesn't reach 50 commitments, your authorization hold is released and you pay nothing. Processing fees apply only on successful settlement.

Referral / share panel

Toast notifications

✓ Tier 2 unlocked — your price dropped to $38.00/unit

⚡ 58 more commitments to unlock the best price

⏳ Settlement processing — payout within 2 business days

✕ Commitment failed — card authorization declined

Empty states

📋

No active deals

Create your first deal to start collecting commitments.

🔖

No commitments yet

Deals you commit to will appear here.

Skeleton loading states