Stripe — product card grid
Bento Grid / Apple Modular Layout · landing page
Steal · grid/layoutmodel draft
The grid runs a 2:1 top row (a wide payments card beside a narrow billing card) over a row of three equal cards, and every card puts a two-line title top-left and a square expand button top-right. Steal the uneven row over an even row, with the same title-plus-corner-control frame on every tile so spans can vary without the cards looking unrelated.
Steal · component patternmodel draft
Each card's art is a working-looking UI at small scale: a terminal reading "Pay Roastery $5.46" over an itemized receipt, a checkout with Link and Apple Pay above five payment methods, and a "Pro Plan" usage meter over a 30-day bar chart of 2,010,569,010 tokens. Steal feature cards illustrated with mockups carrying plausible line items and totals instead of icons.
Steal · colormodel draft
An orange-to-violet gradient bleeds behind the mockups while the mockups stay white with near-black text; the one solid saturated control is the indigo expand button on the first card. Steal gradient as a backdrop layer behind white UI, and keep the solid accent for the single control in focus.
Fonts: Söhne · Original: Stripe
private-reference-only
View original ↗Source & usage rights
Original: Stripe. Source verification: pending review.
Recorded rights label: private-reference-only. Original work and reproduction rights belong to their owners. A note license does not grant rights to copy a screenshot, trademark or design.
Trova notes: apply the principles in your own work, including commercial projects. Bulk republication or resale is not permitted. Usage terms.
Captured: 2026-10-10. Capture does not establish source verification.