A confident, flat, dark-first system where acid-lime detonates against warm near-black and parchment neutrals — one proprietary grotesque held at weight 400, set with aggressive negative tracking, on full-pill buttons and shadowless surfaces.
Type rendered in Hanken Grotesk as the nearest-Google substitute for Robinhood's proprietary Capsule Sans Text.
Hierarchy is built from size and negative tracking, not weight — nearly every tier sits at 400. Display tiers tighten to -1 to -1.5px; small labels track tighter still.
Surfaces separate by flat color blocks and 1px hairlines rather than elevation. Asset tiles invert to black with a lime ticker mark.
The signature layout move: full-bleed black sections with white display type and a single lime CTA, alternating with parchment and white bands to pace the scroll.
Commission-free trading, 24/5 markets, and a brand that trusts one color to carry the whole story.
A 4 / 8 base, with 16px and 32px doing most of the work — note the 0 32px padding on every pill button.
The page is dominated by the 36px pill applied to all buttons; minor insets use 3–5px and larger cards round to 20px.
| Name | Width | Key changes |
|---|---|---|
| Mobile | < 768px | Bands collapse to a single column; display type steps down toward ~48px; pill CTAs stretch toward full width. |
| Tablet | 768–1023px | Multi-column tiles reduce to two columns; hero headline reduces; section padding tightens. |
| Laptop | 1024–1279px | Full multi-column grids return within the centered max-width column. |
| Desktop | ≥ 1280px | Content caps at ~1200px and centers; full-bleed color bands run edge to edge behind it. |
Layout logic: a wide centered column of full-bleed, alternating-tone bands — black, then parchment or white — stacked vertically, with the lime accent appearing only on CTAs and key marks.
Illustrative tiers shown in the Robinhood idiom — flat cards, a dark "featured" plan, lime accents on the highlight. (Sample content; Robinhood's homepage has no pricing table.)
A watchlist-style table in the system's flat idiom — hairline rows, lime status pills, dark pager. (Sample content.)
| Symbol | Name | Price | Status | Today |
|---|---|---|---|---|
| AAPL | Apple Inc. | $214.30 | Up | +1.8% |
| TSLA | Tesla, Inc. | $249.10 | Flat | +0.1% |
| NVDA | NVIDIA Corp. | $126.40 | Up | +3.2% |
| BTC | Bitcoin | $61,820 | Up | +2.4% |
| SPY | S&P 500 ETF | $548.90 | Flat | +0.3% |
Sign-in patterns rendered with the system's pill buttons, hairline inputs, and ink labels. (Sample content.)