Sections/Blog Single
Blog Single Sections
Browse article layouts for readable long-form posts, metadata, media, and supporting content.

Blog Single 01
FreeSingle-column blog post layout with left-aligned breadcrumbs, headline, and date metadata above a widescreen featured image, rich-text article body, social sharing, and post navigation.

Blog Single 12
ProTwo-column asymmetric blog post layout pairing a main article column and widescreen featured image with a right sidebar of related and popular post lists.

Blog Single 11
ProFull-screen dark-overlay background-image hero with top-left breadcrumbs and vertically centered category pills, headline, and metadata above an author byline, article body, and navigation.

Blog Single 10
ProFull-screen dark-overlay background-image hero featuring top-left breadcrumbs and bottom-left aligned metadata, headline, and author byline above the rich-text article body and post navigation.

Blog Single 09
ProFull-width dark-overlay background-image hero with top-left breadcrumbs and centered category pills, title, and metadata above an author byline, article body, and post navigation.

Blog Single 08
ProFull-width hero image with overlaid breadcrumbs and an overlapping floating white content container housing a centered headline, rich-text body, author byline, and navigation.

Blog Single 07
ProFull-width edge-to-edge hero image with top-left overlaid white breadcrumbs above a centered headline, category pills, rich-text article body, bottom author byline, and navigation.

Blog Single 06
ProTwo-column split hero pairing left-aligned category pills, headline, metadata, and author byline with a right-side featured image above the article body and navigation.

Blog Single 05
ProLight-background article layout placing top breadcrumbs and author byline above a widescreen image, followed by a centered headline, category pills, rich-text body, and navigation.

Blog Single 04
ProTwo-column split article header pairing a left-aligned headline and metadata with a right-aligned author byline above a widescreen image, rich-text body, and navigation.

Blog Single 03
ProCentered blog post header with breadcrumbs, headline, metadata, and category pills above a widescreen image, author byline, blockquote, inline figure, tags, and navigation.

Blog Single 02
ProFull-width brand-colored hero banner with centered white breadcrumbs, article title, and date metadata above a widescreen featured image, rich-text body, and post navigation.
