About this block

Version Timeline Horizontal draws shipping cadence as a line. Four version dots sit along a horizontal SVG rule, each labeled with the version, date, and a three word title beneath, and the newest dot filled with a halo and a latest marker above. The heading does the arithmetic for the reader, four releases in six weeks.

The versions are one array of position, version, date, title, and a latest flag. Even spacing reads as rhythm, which is the message, so keep the x positions regular even if the real dates wobble a little, the dates themselves stay honest. The strip scrolls sideways on phones rather than compressing.

When to use

Reach for this block when cadence itself is the selling point, fast moving products competing against slower incumbents. It compresses what changelog-list-dated details into a single picture of momentum, and the two stack well, timeline as the summary, list as the detail. One dot per release keeps it honest, do not pad with patch versions.

A natural flow around it on a Marketing Pro page:

Before

• Comparisons against the slower alternative the cadence embarrasses

After

• Changelog entries for readers who want the contents of each dot
• Roadmap extending the line into the future

What you can display

One strong use is a quarter of releases on one line. Other timelines:

• Major version history. Annual majors across five years for a mature product proving longevity.
• Beta to GA. The path of one feature through alpha, beta, and release dots.
• Certification renewals. Audit dates on a line for a trust page variant.

Tip: the latest halo is the call to action of the block, pair the section with a link so latest is clickable somewhere nearby.