Preview image. Unlock full-res
Blog landing hero with Mercury header nav, one wide featured post, and two secondary cards in a split grid.
Summary
A blog index hero combining site chrome, one horizontal featured announcement, and two smaller cards beneath with illustration-led thumbnails.
Visual description
White background with Mercury logo and vertical divider next to "Blog" on the left; category nav links run right. A large rounded card spans the top: left half holds a purple "COMPANY NEWS" pill, bold headline about a new credit card, and date; right half shows an isometric black card floating over a lavender dashboard illustration. Below, two equal cards stack image areas above text. Left card uses blue-purple icons for ownership, runway, and growth themes; right card uses a green-yellow gradient with "Raise First Check" promo art and a small apply-by date tag. All cards use soft drop shadows and rounded corners.
Key takeaway
Lead with one hero card that splits copy and visual 50/50, then reuse the same card footer pattern for secondary posts. Category pills give scan-friendly context without heavy metadata rows.
Reuse notes
Strong fintech blog opener when announcements need visual priority. Requires custom illustration assets; swapping in photos breaks the cohesive product-marketing look.
