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.
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.