RIOT

The concept

A loud, youthful craft-soda / DTC beverage brand. Playful, high-energy, colour-on-black — the exact opposite of the luxury templates. Sells attitude and flavour to a young crowd. Shop-forward.

Palette

colour 1
#08080A

colour 2
#FF2D78

colour 3
#22D3EE

colour 4
#FFD23F

colour 5
#3D51E0

colour 6
#F5F5F5

Typeface

Archivo (heavy grotesque, 800/900) for punchy display · Inter for body. Bold and modern — no serif.

Cursor

- Bespoke cursor: a colour-cycling blob — a filled dot that springs after the pointer and cycles through the can's palette (magenta→cyan→yellow→navy), squashing and scaling up over links. Playful, alive, nothing like a circle outline. - Floating blurred blobs, bold type reveals, tile hover-pop, count-ups, colour-wash CTA. Reduced-motion + touch safe.

Layout

1. Hero — split: bold headline "TASTE THE NOISE" + "Shop flavours" CTA left; the can video floating (contain, no frame) on soft animated colour blobs right. Big, loud, black. 2. Flavours — 4 colour-coded tiles (Berry Riot / Citrus Static / Cola Noir / Tropic Shock) each in its own can-colour, hover pop. 3. Why RIOT — 4 quick badges (real fruit · low sugar · vegan · properly fizzy). 4. Numbers — cans cracked, flavours, 5-star reviews (count-ups). 5. Join the riot band — bold CTA over a colour wash. 6. Shop / socials footer.