Santioni Spirits sells its cocktails inside a comic book

Santioni Spirits sells ready-to-pour cocktails, and its site tells you so through a comic book. You scroll and the panels turn: a saint on a pilgrimage, a portal, a pedestal of bottles, and a drink you pour yourself. Active Theory built it with sound by plan8, and it took awwwards Site of the Day on 5 October 2026 with 8.09, its best mark 8.50 for creativity.

The joke holds the whole thing together. The brand's line is "Cocktails to indulge now, atone later." So the hero of the story is a saint, and the reward at the end of his pilgrimage is a glass.

A comic book website you scroll like a reel

The opening is a title card. "The Notturno Experience" sits in white on a black sea of brushed strokes, set in Charles Rosie, a display face with art nouveau swashes: the two Os of Notturno lock into each other, and the final C of Experience swallows a small E. A cloud of white ink boils up from the bottom edge. Nothing on the screen looks like a website yet.

Then the page goes white and the comic starts. Each scroll step lands a new panel, drawn in heavy cross-hatching with a little tan and one red. The camera cuts the way a comic cuts: a profile, a close-up on bare feet crossing stone, a long shot of a small figure in front of a giant red disc. The framing changes every time, so scrolling feels like turning a page.

Captions that read like a comic's

The words sit in caption boxes with a hand-inked border, set in small caps. "The saint finally catches a glimpse of what he was seeking since he went on his pilgrimage." One phrase in each box is red: the saint, a strong wind, him. That red word is the subject of the panel, and it's the same red as the disc behind him.

Short lines carry the pace. "There's no time. He must see it through the end." gets a box of its own, bigger than the others, two sentences on two lines. You read it in one beat and scroll.

Two reds and nothing else

The palette is two reds, #592223 and #C82924, on black and paper white. That's the whole range. Red is the portal, the colonnade, the backdrop behind the pedestal. When the story reaches the bottles, they're the first thing on screen in another colour: blue, green, yellow, small and bright in the middle of a red hall.

The best frame does this with a letterbox. A strip of the saint's eyes floats over a red hall of columns, and at the vanishing point stand three tiny bottles. You see what he sees and you see him seeing it, in one panel.

The product arrives as an interaction

The site never stops the story for a product grid. The bottles show up as props, and the purchase moment is a gesture. A hand holds a shaker of blue liquor over a coupe and a round button says "Hold & pour." You hold, it pours, the glass fills. Then a "Hold" button pulls a figure through a vortex of black and white strokes. The interactions are verbs from the story, so pressing them moves the plot.

The UI around it stays small and out of the way. A logo top left, a two-item boxed menu top right (Experience, Collection), an audio toggle drawn as hand-cut bars. Even the age gate is in voice: "Are you of legal age?" in Charles Rosie at full width, with a little ornamental figure between Yes and No.

What to take from it

Usability scored lowest, 7.54, and you can feel why: it's a scroll-driven WebGL piece with an age gate, a cookie banner and sound before you reach a single bottle. For a drinks brand introducing itself, the trade is fair. The story does the selling. A saint walks a long way, finds three bottles, pours, and drinks with a straight face. Indulge now, atone later, drawn in one scroll.

The move worth stealing is the caption rule. One red word per box, matched to the one red in the picture, tells the reader where to look on every panel. It costs nothing and it works on a page without any WebGL at all.