Brag Bar

A row of headline figures that sits over the hero’s media: “25+ years in neurology practices”, “10,000+ verified reviews”. It holds any number of Brag Stat blocks, though four is what the design was drawn for.

The bar isn’t a block you add. It appears once you turn on Show brag bar on the Hero section, and it always sits below the hero’s content. Until you add at least one figure, it renders nothing at all — so switching it on doesn’t leave an empty panel behind.

Where it appears

How the bar attaches is decided by the hero’s Layout — there’s no setting for it.

Hero layout	How the bar looks
Full screen	Floats over the media as a rounded panel, inset from the card’s edges.
Stacked	Runs the full width of the media card, flush against its bottom edge.
Split	Not available. There’s no full-width edge for it to sit on.

Settings

Setting	What it does
Panel style	Frosted glass (default) is translucent and blurs the media behind it. Solid is an opaque dark green. None removes the panel, leaving the figures directly on the media.
Show dividers	Draws a thin rule between figures. Off by default.

Blocks

• Brag Stat — one figure and its caption. Add one per statistic.

Tips

Check the figures against your image

The bar sits over your hero media, and its text is always white. A frosted panel handles most images, but a pale or busy photo behind it can still leave the figures hard to read. Look at it on the real image before publishing — and if it doesn’t hold up, switch Panel style to Solid.

Dividers are for longer captions

The design has no dividers, which is why they’re off by default. They earn their keep when captions are long enough to run together — four figures with five-word captions read better with rules between them.

• Keep it to four figures or fewer. They lay out two-up on mobile, so four makes two tidy rows. Five leaves an orphan.
• Short captions. They’re set in uppercase, which is wider than sentence case — “Verified reviews” fits comfortably, a full sentence doesn’t.
• Lead with the number. The figure is the thing people scan for; the caption just explains it.

Accessibility

The panel switches from a blur to a solid fill for visitors who’ve asked their device to reduce transparency, so the figures stay readable either way. Nothing is required of you beyond keeping the contrast reasonable.