Serotoninn

Item: Serotoninn
Rating: 7.1

Independent womenswear label where glam meets grunge.

serotoninn.com Save page

7.1/10MABTU rating

DESKTOP · 1440 × 7,833/ ↗

MOBILE · 390

Section outline · Home

01heroSEROTONINN900
02features grid02. NEW ARRIVALS876
03features grid03. CAMPAIGN900
04features grid04. CATEGORIES926
05features grid05. CATEGORIES1,061
06features gridSPACE (TRANSFORMATION)810
07media text07. SEROTONINN FILM1,800
08footer560

Rating · Home

Visual design8.2

UX & clarity6.8

Originality8.3

Craft & consistency7.5

Motion7.5

Performance & a11y2.0

This page scores 7.1; the site score weights the home page double.

Main colours

Light·white background·vivid

Typography

Thunderheading · font · self-hosted Thunderbody · font · self-hosted PP Fraktion Monoaccent · mono · self-hosted

Stack & style

WordPress Lenis Google Fonts jQuery Swiper

Bold typography Editorial Photography-led Grain / texture Custom cursor Hamburger-only nav Hero video Marquee Pinned sections Preloader Smooth scroll Split screen Text reveal

Also: Meta Pixel

Design DNA

Bone-white page cut by full-bleed editorial imagery, with a split hero where one half of the model is greyscale and the other in colour, divided by a ragged torn-paper edge that recurs as a section transition. Type is heavy condensed uppercase for statements, tiny mono labels in square brackets for metadata, and numbered eyebrows (02. NEW ARRIVALS). Product shots are cut out on white; a red spray-paint scrawl and a percentage preloader carry the grunge half of the brand.

Worth borrowing

Use a ragged torn-paper edge as the transition between every full-bleed image band.
Label sections with a number and a bracketed mono tag to give a shop editorial structure.
Split the hero model down the middle, half greyscale and half colour, to state a brand idea in one image.