serotoninn-com
Post-punk glam editorial with raw collage elements. Ultra-condensed display typography collides with torn-paper split photography, monochromatic studio cutouts, and industrial mono notation over an off-white canvas.
Visit siteRated
7.6/ 10
From 8 analysed sections. Two measured components and one judged by a model. Distinction is a rank within the library; the rest are scores in their own right.
- AI scorejudged
- 9.6
- Systemmeasured
- 4.8
- Distinctionmeasured
- 8.9
- on the grid
- 10%
- vertical rhythm
- 87%
- type on a scale
- 45%
- contrast passing AA
- 50%
- unlike the library
- 0.29
- model craft
- 8.0/10
- model deviation
- 7.4/10
Colour
Background#fff9f7
Text#000000
Accent#ed3833
Surface#ffffff
Typefaces
- Display
- Thunder
- Body
- Inter
- Mono
- PP Fraktion Mono
- Source
- Scale
- 9 · 10 · 11 · 12 · 14 · 16
Layout
- Grid
- —
- Container
- —
- Spacing base
- 8px
- Radius
- 0px
Capture
- Category
- fashion
- Sections
- 8
- Captured
- 2026-08-31
- Rhythm
- light x2 → dark → light x4 → dark
Type rules
- display headlines rendered in ultra-condensed uppercase Thunder with zero tracking
- metadata, sizes, and UI tags bracketed or parenthesized in PP Fraktion Mono
- body copy tight at 50 characters maximum measure
Colour rules
- off-white background dominates page with occasional pitch-black voids
- saturated red graffiti accent used strictly on key emphasis words or category counters
Voice rules
- uppercase statements under ten words
- index numbers and technical metadata in brackets
Holds it together
- use torn-paper jagged dividers to split photographic and structural sections
- frame compositions using corner-anchored monospaced editorial metadata
- pair massive vertical or horizontal condensed headlines with stark cutout product shots
Contrast
text on background20.1:1 AAA
text on surface21.0:1 AAA
accent on background3.9:1 AA Large
background on accent3.9:1 AA Large
Type, measured
- Body
- 12px / 1
- Measure
- 50 characters
- Display
- 118px / 0.8
- Tracking
- 0em display
- Scale ratio
- 1.77
Voice
- Tone
- edgy, minimal, provocative
- Sentences
- short
- Person
- third
- Vocabulary
- curated
- Calls to action
- see, sign up, drag
Built with
- Builder
- —
- Framework
- —
- Motion
- lenis
- WebGL
- —
- Nav
- top_bar, 3 items
- Length
- 8.7 screens
Sections in page order
3 marked strong · 8- 00
hero
Edgy fashion hero featuring a torn-paper collage splitting a model portrait between color and monochrome with ultra-condensed uppercase typography.
- Mood
- energetic + contemplative
- Layout
- 1 col · split · airy
- 01
showcase
Airy high-fashion product showcase pairing minimalist catalog metadata with stark full-length model photography.
- Mood
- contemplative + serene
- Layout
- 1 col · split · airy
- 02
statement
StrongA striking pitch-black void anchored by massive condensed typography bisected with subtle photographic texture.
- Mood
- energetic + contemplative
- Layout
- 1 col · full bleed · airy
- 03
showcase
A minimalist fashion category showcase featuring cutout studio photography paired with bold vertical condensed typography against a warm off-white canvas.
- Mood
- contemplative + energetic
- Layout
- 1 col · grid · airy
- 04
showcase
High-fashion editorial split showcase contrasting delicate and latex looks separated by a textured torn paper edge.
- Mood
- contemplative + gritty
- Layout
- 2 col · split · airy
- 05
showcase
An edgy fashion editorial showcase featuring four-corner typography and spray-painted graffiti framing a central studio model.
- Mood
- contemplative + gritty
- Layout
- 1 col · asymmetric · airy
- 06
video
StrongMinimalist streetwear film teaser centering an organic lip-shaped video cutout beneath bold, condensed industrial typography.
- Mood
- energetic + contemplative
- Layout
- 1 col · stacked · airy
- 07
footer
StrongA moody, collage-styled fashion footer framing editorial photography with torn paper edges and dramatic condensed typography.
- Mood
- contemplative + gritty
- Layout
- 1 col · asymmetric · balanced
