Preview image. Unlock full-res
Black portfolio section with staggered project cards, device mockups, outcome headlines, and category tags under a lime CASE STUDIES label.
Summary
Black portfolio section with staggered project cards, device mockups, outcome headlines, and category tags under a lime CASE STUDIES label.
Visual description
Full-width black section. Small lime CASE STUDIES label and large white My success stories headline left; See recent work with circular arrow link right. Four rounded dark cards in a staggered two-column grid each lead with angled device mockups (tablet, laptop, phone pairs) on charcoal fields, client logo top-left, bold white outcome headline below, and gray pill tags (Barbershops, RevOps, Mobile, AI, etc.). One card carries a Coming soon badge. Projects shown include Squire, Nue.io, Quantro, and Elumity.
Key takeaway
Stagger card heights so a dense portfolio breathes on dark backgrounds. Lead each card with mockup drama, then a quantified result line, then niche tags for quick scanning. Lime section label adds brand color without tinting the whole layout.
Reuse notes
Product designer or agency homepages showcasing varied client work. Needs strong mockup assets and measurable outcomes per project. Dark cards demand high-contrast screenshots; stagger layout needs an even number of strong entries.
