Back to portfolio
Brand identity & landing page

Heat Club

Spicy snacks, at your own pace — five heat levels, one box.

RoleBrand design + frontend build
Timeline1.5 weeks
ToolsReact, TypeScript, Vite
Live siteheatclub.co
heatclub.co

Heat Club is a fictional spicy-snack brand where the entire landing page pivots around one interactive idea: letting a visitor set their own heat level and watch the page respond — copy, color, and Scoville rating all shifting together.

Heat as the interface

The flame meter isn't decoration — it's the main way the page communicates the product line, from a 500 SHU 'Mild' to an 800,000 SHU 'Nuclear.'

Maximalist on purpose

Tomato red, lime, and mango at full saturation, plus a bouncy display font — spicy-snack branding should feel a little unhinged, on purpose.

A joke in the copy, not just the visuals

Microcopy carries as much personality as the palette: "Milk's on the table. Use it."

ReactTypeScriptCSS transitions

The heat meter was the most fun component to build in this set — a single state value driving color, copy, and an icon count all at once.

← PreviousRANGE