Preview image. Unlock full-res
Dark resources dropdown with three tall link cards and four smaller tool cards including ROI calculator inputs and a reason-code search field.
Summary
Chargeflow Resources nav dropdown showing a bento grid of seven dark cards for Blog, Reports, Podcast, Brand, Webinars, ROI Calculator, and Reason Codes with white line icons and interactive previews.
Visual description
Black page with standard Chargeflow nav; Resources link appears active in a subtle pill. Main area is a bento grid of charcoal rounded cards on black. Left column: three tall cards labeled Blog (open book icon), Reports (bar chart with plus), and Podcast (microphone with diamond). Right side: four smaller squares for Brand (pen tool on curve), Webinars (monitor with diamond), ROI Calculator (two prefilled fields showing 1,020 hours and $7,500 USD), and Reason Codes (search bar placeholder "Enter Code: 12.7" with magnifying glass). Each icon sits on faint radial line glow. Blurred white "CHARGEBACK" text at bottom edge.
Key takeaway
Mixing content links with mini interactive widgets (calculator fields, search) inside a mega menu previews utility before click-through. Asymmetric tall-plus-small bento keeps seven destinations scannable.
Reuse notes
Strong for content-heavy B2B sites where tools live alongside blog and reports. Interactive previews need careful hover/focus states on real build. Wide layout required.
