№ robinhood-com

Robinhood: 24/5 Commission-Free Stock Trading & Investing

Deep charcoal expanse, crisp sans-serif clarity, a subtly weighty, modern stillness.

Marquee Herominimalism dark mode fintechdark

Robinhood: 24/5 Commission-Free Stock Trading & Investing - mobile — Mobile · 375

Hero - desktop 1440 × 900 · mobile 375

See history ↻Visit source ↗

The whole page, top to bottom - desktop & mobile

Robinhood: 24/5 Commission-Free Stock Trading & Investing - full page scroll

Robinhood: 24/5 Commission-Free Stock Trading & Investing - mobile full page

Palette

Click any value to copy. Roles are suggestions, not gospel.

SwatchHexOKLCHSuggested roleCopy

Hex#c4f204
OKLCHoklch(89.6% 0.218 123)
RoleDominant
find sites →
Hex#dfc5a2
OKLCHoklch(83.7% 0.055 75)
RoleSurface
find sites →
Hex#759104
OKLCHoklch(61.3% 0.148 122)
RoleInk
find sites →
Hex#ab895d
OKLCHoklch(65.2% 0.073 73)
RoleAccent
find sites →
Hex#caaf90
OKLCHoklch(77.0% 0.053 71)
RoleDetail
find sites →

How to build one like this

Read off the live site. Treat it as reference, not a recipe.

Download .md View raw ↗

Type ramp

Role	Family	Size	Weight	Leading	Tracking	Sample
h1	Martina Plantijn	110px	400	1	-0.5px	Aa Bb Cc
h2	Phonic	52px	400	1.19	-1.5px	Aa Bb Cc
h3	Phonic	40px	400	1.2	-1px	Aa Bb Cc
body	Capsule Sans Text	16px	400	1.4	0	Aa Bb Cc
button	Capsule Sans Text	13px	400	1.4	0	Aa Bb Cc

Spacing scale

16px

48px

52px

77px

78px

84px

Radius scale

0px

Container

Max content width 450px

Export

:root {
  --color-dominant: #c4f204;
  --color-surface: #dfc5a2;
  --color-ink: #759104;
  --color-accent: #ab895d;
  --color-detail: #caaf90;
}

For your coding agent

Drop-in prompt

Paste this into Claude Code, Cursor, or any chat-based agent. Pairs the captured tokens with a short brief so the model has both the style and the goal in one block.

Build a landing page in the visual style of Robinhood: 24/5 Commission-Free Stock Trading & Investing.
Reference design system (extracted from the live site):
- Palette: #c4f204, #dfc5a2, #759104, #ab895d, #caaf90
- Typefaces: Martina Plantijn, Phonic, Capsule Sans Text
- Macrostructure: Marquee Hero
Use the dominant colour for surfaces, the accent sparingly,
and lean on type weight + scale rather than colour for hierarchy.
Full DESIGN.md: https://inspomcp.dev/api/design/robinhood-com

Sites that feel similar

Same macrostructure, different voice.

Role

Family

Size

Weight

Leading

Tracking

Sample

Martina Plantijn

110px

400

-0.5px

Aa Bb Cc

Phonic

52px

400

1.19

-1.5px

Aa Bb Cc

Phonic

40px

400

1.2

-1px

Aa Bb Cc

body

Capsule Sans Text

16px

400

1.4

Aa Bb Cc

button

Capsule Sans Text

13px

400

1.4

Aa Bb Cc

Build a landing page in the visual style of Robinhood: 24/5 Commission-Free Stock Trading & Investing. Reference design system (extracted from the live site): - Palette: #c4f204, #dfc5a2, #759104, #ab895d, #caaf90 - Typefaces: Martina Plantijn, Phonic, Capsule Sans Text - Macrostructure: Marquee Hero Use the dominant colour for surfaces, the accent sparingly, and lean on type weight + scale rather than colour for hierarchy. Full DESIGN.md: https://inspomcp.dev/api/design/robinhood-com