An Amex Black Card for community savings.

Four mobile screens redesigned with a single material constraint: antique gold on near-black, in a literary editorial register. No second accent, no rounded card chrome, no drop shadows, no gradients. Depth comes from 1px hairline rules; emphasis comes from italic gold; metadata comes from mono uppercase.

Surface

--bg#0A0A0A

--bg-elev#161616

--gold#C8A870

--gold-bright#D9BC83

--gold-dim#8A7548

--text#E8E1D2

--text-2#9E978A

--text-3#5C574F

--hairline#232323

Typography

Display · Source Serif 4

Build wealth in community.

Body · Inter

Set the rules. Members will join your circle under them.

Chrome · JetBrains Mono

Cycle 04 of 10 — 4 days remaining

Rules

• Gold is a precision tool — used only on rules, italic emphasis, & numerical figures

• No rounded chrome — regions separate via 1px hairlines

• No drop shadows — depth comes from contrast, not elevation

• Em-dash bullets — never dots, never chevrons

• Mono = metadata — labels, kickers, chrome, stats

• Italic gold = emphasis — the "Signal moment"

Screens · 04 deliverables

Screen 01 / 04

Discover Circles

The marquee screen. Hairline-separated circle cards with gold fill bars, em-dash action buttons, italic gold headline emphasis, and mono metadata throughout.

Open mockup

Screen 02 / 04

Create Circle

Form fields as underline rules (no rounded boxes). Serif inputs that read as documents being filled. A gold-rule summary panel that names the only consequential number: your payout at maturity.

Open mockup

Screen 03 / 04

Circle Detail

Health bar as 1px hairline. Banker AI speaks in italic serif with gold curly quotes. Members list as 1px-bordered square avatars with outlined status pills. Sticky gold CTA at bottom.

Open mockup

Screen 04 / 04

Profile

The most decisive break: we drop the forest-green header card entirely. The whole surface is black. Gold 96px monogram. Five-step tier ladder on a single hairline. Italic gold on the surname.

Open mockup

Design Principles

Quiet authority

A small fraction of every screen is content; the rest is hairline-separated black space. Restraint is the register. A crowded screen reads as broken.
Gold is earned

Antique gold appears only on (1) 1px rules, (2) italic words inside headlines, and (3) the one numerical figure that matters. It is never a fill, never a body color, never decoration.
Typography carries voice

Source Serif 4 leads (display, headlines, large numerals, banker voice). Inter supports (body, paragraphs, button labels). JetBrains Mono timestamps (every kicker, count, and chrome element).
Depth is hairline

No drop shadows, no rounded card chrome, no gradients. Regions separate via 1px hairlines in #232323. The 3px gold bar inside a 1px track is the only "elevation" in the system.
Em-dash as action

Every action label is preceded by a mono em-dash in gold: — JOIN CIRCLE. The dash replaces the standard button chip.
The "Signal moment"

One italic gold word inside a roman headline (Circles worth joining.) appears on every screen. It is the system's most distinctive typographic move — and the only place italic lives.