Topic Hub Tiles
A browse by topic directory of six hairline topped tiles, each with an icon chip, mono post count, topic name, and one line description.
A browse by topic directory of six hairline topped tiles, each with an icon chip, mono post count, topic name, and one line description.
Search blocks by description or jump to a page.
The source for every Marketing block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Topic Hub Tiles turns a blog into a directory. A headline and lede sit above six tiles, each topped by a hairline and pairing an icon chip and a mono post count with the topic name and a one line description of the beat. It answers the question a reverse chronological feed never can, what does this publication actually cover.
The topics are one typed array carrying a name, a count, a blurb, and a Lucide icon, so swapping beats or adjusting counts is a one line edit. The tiles reflow from one column to three across breakpoints, and the counts reward honest numbers, a beat with real depth is the one that earns the click.
Reach for this block on a blog hub or resources index where the archive has grown past the point a single feed can serve. Readers who arrive with a subject in mind want a door straight to it, not a scroll through everything published since. Place it near the top so the directory frames the stream that follows.
A natural flow around it on a Marketing Pro page:
Before
After
One strong use is a blog with six clearly defined beats. Other directories:
Tip: keep every post to exactly one topic, a directory where pieces live in three places at once reads as having no shape at all.