Skip to content

Trust Badge

One trust signal — an icon beside a short line of uppercase text, like “Made in USA” or “Third-party tested”. Used inside the Trust Bar section, which owns the panel, the row layout and the dividers between badges.

Setting What it does
Icon The line-art mark shown beside the label. Pick one of five: Brain, USA map, Star, Shield with checkmark, Molecule. Default Brain.
Label The text beside the icon. Shown in uppercase automatically. Default “Trusted in neurology practices since 1997”.
Width (%) This badge’s share of the row on large screens, as a percentage. Blank by default, which sizes the badge to its own text.

On wide screens the badges sit in one row. Left alone, each badge is only as wide as its own text — so “Trusted in neurology practices since 1997” and “Made in USA” get very different amounts of room, and the long ones look cramped.

Width (%) fixes that. Give each badge a percentage and it takes that share of the row:

Badge Width
Trusted in neurology practices since 1997 26
Made in USA 16
10,000+ verified reviews 20
90-day satisfaction guarantee 22
Third-party tested 16

Give the badges with longer labels a bigger share. The numbers above total 100, which fills the row exactly.

The icons are a fixed set drawn for this bar, not an image upload — that is what keeps the row looking consistent. There is no way to add a sixth icon from the theme editor; that needs a developer.

They take their colour from the panel, so there is nothing to set. On the default green panel they render in a pale green, matching the design.

The label is a multi-line field. Press Enter where you want the text to break, and it will break exactly there:

Made in
USA

Leave it on one line and the text wraps on its own to fit the space. The design breaks “Made in / USA” and “Third-party / tested” deliberately — those two read better on two lines than wrapped automatically.

  • Two or three words is the sweet spot. A long label squeezes the other badges in the row.
  • Do not type in caps. The uppercase styling is applied for you — typing in caps makes the text harder to edit later and is read out awkwardly by screen readers.
  • Match the icon to the claim. The shield reads as a guarantee, the star as reviews, the molecule as testing. A mismatch is a small thing that makes the bar feel less trustworthy, which defeats the point of it.