HOT HEAD.

“Hot sauce. Hot head.”

A fictional brand of fermented hot sauces with a permanently angry mascot: four sauces from the mild Mrgud to Pukao film, gift sets, merch, stickers and recipes.

Sector
Hot sauce
Scope
Webshop, packaging and merch
Pages
24
Languages
Croatian, English
Built with
Astro, TypeScript, hand-written CSS

Concept project. HOT HEAD is a brand we invented to show what we build: the site is real, live and fully clickable, the business is not. Demo sites stay out of Google on purpose.

The live site

Click the screen to open the demo in a new tab.

What research found

Croatian 100 ml hot sauces sell for 5.95 to 11.95 €, and the bigger local shops show no nutrition table or allergens, although EU law requires that information before purchase. This shop shows it on every product.

What we built

  1. Scoville meter

    A slider from jalapeño to Carolina Reaper, and the mascot gets angrier as the heat rises.

  2. Games that sell

    The "Hot head test" quiz recommends a sauce, "What are you dripping it on?" drips the right number of drops onto a dish, and you can poke the head until it loses it.

  3. Product pages by EU rules

    The full declaration, allergens, nutrition and price per litre, with the label shown unrolled.

  4. Stickers you can drag

    Thirteen mascot stickers you drag around the page, scatter and put back on the sheet.

On the phone

Designed for the phone first, where most visitors arrive.

HOT HEAD, mobile screen 1
HOT HEAD, mobile screen 2
HOT HEAD, mobile screen 3

Brand system

Click a colour to copy it

TypeTitan OneBricolage Grotesque

Results

Fast, accessible, built to rank.

98Performance
100Accessibility
100Best practices
2.0 sLargest paint (LCP)
0.000Layout shift (CLS)

Live site, mobile, Google Lighthouse, measured 27 October 2026.

Want a site like this?

Let's talk