Screenshot of Alternative Aesthetics

Alternative Aesthetics

www.alternativeaesthetics.co.uk

The 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 Portfolio Illustrator Muralist niche

Design tokens

page
ink
linkBlue
ctaBlue
ctaBlack
thumbnailScrimWhite
softGreyBorder
warningPink
accessibleDarkGrey
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.