Template guide
Make Brio yours.
Everything on this site is editable without code. Here is where each part lives.
1. Flavours (hero + flavour cards)
On Home, select Range › Pin › Brio Stage. The Flavours list holds each flavour’s name, pairing, one line, facts (separate with ·), ground and text colours, can still, can turntable sheet and fruit photo. Use Canvas preview to see a card on the canvas.
2. Your own cans
Can still: a transparent PNG or WebP of the can, about 0.48 wide to 1 tall. Turntable sheet: 24 frames of the can turning, laid out 6 across and 4 down. No sheet? Leave it empty and the still is used.
3. Why Brio slides
Select Brio Benefits in the Why Brio section to edit each slide’s value, label, ‘instead of’ tag, line, panel colour, icon and can.
4. Statement
Select Brio Statement to change the two big lines, the caption and the colours.
5. The range and FAQ
Both come from the CMS: edit the Flavours and FAQ collections and the grid and questions update.
6. Colours, type and the newsletter
Colours are tokens and type uses text styles in the Assets panel. Connect the newsletter form to your email tool in the form settings.