Preview image. Unlock full-res
Blog page header with a full navbar above a split featured-post block pairing a duotone photo card with oversized headline and author row.
Summary
A blog page header that stacks a standard product navbar over a two-column featured post with a large rounded image on the left and editorial headline copy on the right.
Visual description
White page background throughout. The top navbar carries the Outseta wordmark with concentric-ring icon, centered text links with dropdown chevrons (Learn, Product, Pricing, Support, Company, Blog), and right-aligned "Log in" text plus a filled yellow "Sign up" pill. Below, a split layout places a large rounded-rectangle photo on the left: a historical trench photograph treated with a heavy yellow-gold duotone filter. The right column opens with small grey uppercase metadata ("February 12, 2025 � 17 min read"), then a two-line oversized dark purple headline, a medium-grey excerpt paragraph, and a bottom author row with circular avatar and bold name.
Key takeaway
The duotone photo treatment that ties editorial imagery to brand yellow without custom illustration, and the restrained metadata line that sets date and read time before the headline takes over.
Reuse notes
Strong pattern for a SaaS blog that wants one hero post above a grid. The split layout needs a strong image; the yellow filter only works when your accent is warm. Navbar is included in the capture, so crop or reuse separately if you only need the featured-post block.
