Customer Ratings

A row of five stars with a short message beside them — “10,000+ Verified Reviews”. Used in the Hero as a proof point above the headline.

The stars are decorative and always show five; this is a trust signal, not a live review score.

Settings

Setting	What it does
Customer message	The text beside the stars. Defaults to “Happy customers”.
Star color	The colour of the stars. Defaults to near-black (#171717).
Alignment
Text alignment	Left (default), Center or Right. Moves the whole stars-plus-text group within its column.

Where it’s used

In the Hero, alongside the title, rich text and button blocks.

Pick a star colour that works on the background

This is the one setting here that can break the block. Heroes sit on photography or on a dark green background, and the default near-black star disappears against both. Set it deliberately every time:

• On a dark hero, a pale colour like Sun (#fefa8f).
• On a light hero, Core Green (#175e3a).

Then look at it on a phone — the stars are small, and low contrast that reads as “subtle” on a desktop monitor reads as “invisible” outdoors.

Five stars, always

The star count isn’t a setting and doesn’t reflect a real rating. Whatever claim you make in the message needs to be true and backed by the actual review data — “10,000+ Verified Reviews” is a countable claim about a health product.

Tips

• Match the alignment to the hero. Set Text alignment to whatever the hero’s own content alignment is, or the stars will drift away from the headline beneath them.
• Keep the message to a few words. It sits on one line beside the stars.