Charles Schwab

A confident brokerage where the navy total-value hero and trade ticket lead

A pixel-faithful design token catalog reverse-engineered from the Charles Schwab iOS app, built around the account spine: a navy gradient Total Value hero, a stacked accounts list with balances and percent change, and the segmented Buy/Sell trade ticket. Captured from a real screen recording into exact Schwab Blue and Schwab Navy hex, maritime-navy dark surfaces, and tabular numerals, ready for an AI agent to build against.

Use it as the baseline to ship a Schwab-grade brokerage front end: the accounts-to-quote-to-trade spine, the trade-ticket centerpiece with right-aligned tabular fields and an estimated-cost card, balances tiles, and a sticky Trade bar. Everything is documented to exact values — `#009DDC` Schwab Blue with dark-navy on-color text, `#003B5C` navy hero gradient, sacred gain `#18B07B` / loss `#E2564E`, the `#0A1622` dark canvas, tabular money, radius scale, and motion — with framework-neutral specs plus SwiftUI, Expo, and Jetpack Compose guides.

Screens documented

• Accounts list with the navy value hero
• Account detail with positions and balances
• Stock quote screen with sticky Trade
• Segmented Buy and Sell trade ticket
• Order review and confirmation
• Balances tiles and activity