Alternative Aesthetics
www.alternativeaesthetics.co.ukThe reference for solo illustrator portfolios on Webflow — hand-drawn "Stay Strange" hero typography, monochrome black/white canvas, and a 4-column thumbnail grid that lets the artwork carry the entire visual voice.
Design tokens
- display
- "Titan One", sans-serif
- body
- Heebo
- fallback
- Heebo, sans-serif
Do / Don't
Reference it for
- Pure-white page with pure-black linework as the only colour system (rgb(0,0,0) 248 hits vs rgb(255,255,255) 25 surfaces)
- Hand-drawn hero wordmark as the brand logo ("Stay Strange") — not type, illustration
- Heebo 300 as the body face with classic-link blue (rgb(0, 0, 238)) hyperlinks — embracing default browser styling as part of the indie aesthetic
- Titan One for one display moment only (~39px / line-height 42.96px) — held in reserve, never overused
- 4-item flat nav (Illustration / About / Shop / Let's Play!) — no dropdowns, no mega-menus
- Black pill CTA top-right ("Let's Play!") on rgb(56, 152, 236) blue OR rgb(0,0,0) black with white text and 8px radius
- 4-column thumbnail grid with 16px gaps as the entire homepage body — let the artwork carry the layout
- Hover-reveal project title at absolute position, white on translucent black scrim, Titan One — modest motion, maximum impact
Do not copy
- The "Stay Strange" hand-drawn wordmark (Colin Kersley-owned illustration)
- Any of the thumbnails (LOOK UP, WINNER TAKES ALL, FOUR, Let's play, Hot damn, BREATHE, lovebloob, Ponyo, Spirited Away, Nike Flight, James Harden) — these are client commissions or self-initiated artworks
- The "Alternative Aesthetics" / "Colin Kersley" naming
- The "playful pictures that are bold on your behalf" tagline
- The Cardiff "drawing dungeon" voice unless the brand has a comparable real geography
- The classic-link blue (rgb(0, 0, 238)) hyperlink default unless the brand is genuinely committed to the indie-web aesthetic — otherwise pick a brand-coordinated link colour
- The Titan One face for headlines — strongly genre-coded to cartoon / 2000s editorial; pick a different display face
- The hand-drawn butterfly / paper plane footer icons (Kersley artwork)
Signature moves
monochrome 4-column artwork grid
a pure-white page with pure-black linework runs a 4-column thumbnail grid with 16px gaps as the entire homepage body, letting the artwork carry the layout with no declared container max-width.
hover-reveal title with single-keyframe restraint
hovering a tile reveals the project title absolutely positioned in white on a translucent black scrim in the display face, with only one declared keyframe (spin) and one transition as extreme motion restraint.
Related references
Props Furniture
strongTrades
a Studio Lumio demo store for a furniture maker that turns the brand name into a colossal 408px bone-white "PROPS" wordmark sitting over a warm, sunlit photograph of a hand-woven rattan chair, all set in a calm beige-and-brown palette with a Manrope variable sans paired against a Times serif and a Lenis-smoothed scroll.
Allbirds
strongRetail
a natural-materials footwear brand whose store leads with a full-bleed lifestyle hero, a warm sand-and-oat palette over charcoal text, the Geograph sans paired with a Self Modern serif and Akkurat Mono, and a Tailwind-powered Shopify build that turns sustainability into a calm, premium retail feel.
Almacantar
nicheReal Estate
an architecture-led property developer reduced to its barest, most confident form, full-bleed aerial London video on near-black, a single Albertus serif word-pair ("PLACES / PEOPLE"), almost no chrome, and a quiet fade-and-rise motion that lets the buildings carry everything.
Avantgarde Properties
strongOther
A Dubai luxury real-estate agency that sells status boldly - a near-black canvas, an enormous mixed bold-sans-and-italic-serif display ("Welcome To / Avant Garde Real Estate"), full-bleed property films, a developer-partner logo wall (EMAAR, DAMAC, Nakheel), and copy aimed squarely at "the world's elite".