
Preview image. Unlock full-res
Light UI bank showing a 2x2 of product snippets (budget, wallet, donation feed, media player) on beige, magenta and orange cards beside guidance on keeping them simple.
Summary
A light UI-elements bank presenting four product snippets on colored cards, paired with short rules about keeping the snippets simple and showing real user payoff.
Visual description
White full bleed. A tiny tracked mono header reads "UI ELEMENTS BANK" left, "IMAGERY & ART DIRECTION" center-right, "BRAND GUIDELINES" right. A two-by-two of large rounded cards fills the left two-thirds: a beige card with a "Set a budget" / "Donation received!" / "Set up Auto pay" snippet, an orange card with a "Your wallet" balance card showing value, sats and Send/Receive/Fund actions, a magenta card listing a donation transaction feed, and a beige card with a media player and a "Download" control. Each snippet floats with a soft shadow. The right column gives short numbered guidance: keep them simple, less writing and design; show final actions, payoff, or avatars of users interacting. The deck slug sits tiny at bottom-right.
Key takeaway
Showcasing real product UI as a styled "snippet bank" on brand-colored cards, with a rule to keep each snippet minimal and outcome-focused. It turns scattered screenshots into a consistent, marketing-ready asset family.
Reuse notes
A strong pattern for product-led brands that reuse UI fragments across marketing; reach for it when raw screenshots need a consistent presentation layer. The colored-card backing and soft float read as polished without much effort. Needs clean, simplified UI snippets, not full dense screens.
From this deck: UI elements bank with product snippets
View deck

































































