About this block

Vertical Timeline is a full changelog feed. A bold "Changelog" heading sits above a single rail that runs top to bottom, and each release hangs a dot on the rail followed by a meta row, a title, a short summary, and a bulleted list of what changed. The newest release's dot is filled and ringed, so a reader sees what is current at a glance.

Unlike the compact horizontal teaser, this layout has room for detail, so each entry can carry a date and the specific improvements that shipped. The header and the entries are independent, so you can rewrite the copy, add or remove releases, or trim the change lists without touching the rest.

When to use

Reach for this block when the changelog is the page, not a teaser. It suits a dedicated releases page, a "what's new" route, or the lower half of a product update post where readers want the full story in order. For an HR or hiring platform it works especially well on a release notes page that recruitment teams and hiring managers check before rolling out a new version to their organisation.

A natural flow around it on a Modern SaaS page:

Before

• A navbar to anchor a standalone releases page
• A short hero or page heading to name the page and set context

After

• A CTA inviting readers to try the newest release
• A footer to close out the page

What you can display

The obvious fit is your recent releases, newest first, each with a date and a few highlights. A few other ways to use the frame:

• Release notes in depth. Lean on the change list to spell out every fix and improvement under one headline.
• A migration log. Track breaking changes over time so teams can see exactly what shifted between versions.
• A build in public story. Pair each entry with a narrative summary to show momentum to early adopters and investors.

Tip: keep the change list to three or four short items so each entry stays scannable and the rail keeps a steady rhythm down the page.