← back. school 04 of 08.
2020 — 2024. four years.

neubrutalism.

the school that almost got laundered. tailwind shipped a preset. figma shipped a kit. it became a default. then it stopped being radical.

history.

borders, shadows, stickers.

neubrutalism emerged on the web around 2020 as a reaction to the dribbble-soft, glassmorphism, and pastel-gradient era that had dominated since 2017. the moves were taken from web brutalism and turned up: 6px black borders, hard offset block-shadows (X X 0 0 #000, no blur), zero border-radius, acid-saturated fills.

the visible artifacts were gumroad's 2022 redesign, linear's early marketing pages, the cohort of indie hacker portfolios from 2021–2023, and a thousand product hunt launches. it looked handmade. it looked like the designer had touched it.

then tailwind shipped shadow-brutal-md. figma's community filled with "neubrutalism kits." every YC w22 batch landing page picked the same three acid colors. it became a costume.

the school is salvageable but only with vigilance. the laundering vector is uniformity. if every block has the same border thickness, the same shadow offset, the same regular gap, you've built a templated grid — the saas reflex with rectangles instead of pills. authored neubrutalism varies. 3px on small things. 6px on hero blocks. 4px shadow here, 12px there. one rotated 1° because it wanted to be.

and: combine. add one memphis squiggle. one carson moment. don't ship a flat sticker album. the moment your output reads like a tailwind preset is the moment it stops belonging to this school and starts belonging to impeccable with a costume on.

the warning.

if your output uses inter or space grotesk, or has all components at the same shadow / border / radius, or has even 24px grid gaps, or hover states that fade — you've built templated neubrutalism. start over.

authored vs templated.

vary everything.

border: 4px.

medium blocks. the everyday workhorse rectangle. shadow 8/8/0 in black.

border: 6px. rotated 1°.

the hero. the bigger statement. shadow goes shorter (4/4/0) to feel stamped, not floating. and yes, it's tilted.

border: 3px. blue shadow.

secondary surfaces. shadow gets bigger (12/12/0) and a palette color, not black. the variation is the point.

archive.

four years. one laundering.

neubrutalism's visible canon is short. it ran about four years — from 2020 to 2024 — across web design discourse, indie products, and component libraries. the closing date is approximate. it didn't end so much as get absorbed.

three commercial reference points define the era. gumroad's 2022 redesign, led by founder sahil lavingia, was the most-cited mainstream rollout — acid colors, hard borders, hard offset shadows, deliberately playful copy. linear's early marketing pages (2019–2021) had been doing it quietly for two years before, with more restraint. vercel's "indie cohort" landing pages in 2022–2023 made it the default visual treatment for solo-developer launch pages.

the laundering happened in stages. tailwind ui released components with hard-offset shadow utilities. shadcn/ui launched in 2023 and included neubrutalist component variants. by mid-2023 the figma community had over forty "neubrutalism ui kits", all using inter at 14px, all using #fef3c7 amber as their default sticker color, all spaced on 24px grids. by 2024 the position-statement quality was gone. the moves remained.

unimpeccable can still use neubrutalism, but as a specimen — varied borders, varied shadows, combined with at least one move from another school (a memphis squiggle, a carson moment). the template-version is now the polish reflex this whole skill was built to fight.

the visible canon.

  • gumroad.com2022 redesign. sahil lavingia.
  • linear.appearly marketing 2019–2021. since softened.
  • vercel.comdeployment platform. cohort pages.
  • cron — 2021 calendar launch (acquired by notion 2022).
  • arc browser — the browser company's launch site.

the laundering vector.

  • tailwindcss.comutility classes shipped the moves.
  • shadcn/ui2023. components with neubrutalist variants.
  • hyperui.devfree tailwind components, several neubrutalist.
  • "neubrutalism ui kit" — figma community search returns 40+ kits.
  • "shadow-brutal" — common tailwind preset class.

people.

  • Sahil Lavingiagumroad founder.
  • Karri Saarinen — linear founder, design lead.
  • @shadcncomponent library author. distributes the canonical "brutalist card" variant.
  • Adam Wathan — tailwind css. shipped the utility classes that made it scalable.

parent + sibling.

  • web brutalismschool 03. the parent.
  • memphisschool 01. shared palette ethos.
  • lacquerthe older, weirder sibling.
  • "swiss style" — 1950s grid-based typography. the great-grandparent.

writing.

  • smashing magazinemultiple essays on neubrutalism 2022–2024.
  • hackernoon"why neubrutalism works." several authors. quality varies.
  • "on the death of neubrutalism" — various essayists, 2024–2025.
  • "the design of brutalist user interfaces" — diana mackiewicz, ux collective.

the warning.

  • if every block uses the same border thickness — you've templated.
  • if all shadows are 8/8/0 — you've templated.
  • if you used inter or space grotesk — start over.
  • if the grid gaps are 24px throughout — break one.
  • if you can't name one carson moment or memphis motif on the page — you've shipped a stickerbook.

there is no canonical neubrutalism archive maintained by anyone — the school is too recent and too commercial. wayback machine snapshots of gumroad and linear from 2021–2023 are the best primary source. start there.

specimen.

Linear. Before / After.

linear's early marketing (2019–2021) was the most-cited reference for neubrutalism — hard borders, acid color blocks, brutalist scaffolding. the current site has retreated toward the dark-mode gradient elsewhere in the industry. we put it back where it was, then turn the dial past the template.

before.
after.
issue tracking. honest.

SHIP. OR DON'T.

issues, sprints, roadmaps. a tool for adults who already know what to do. we just keep the list.

discipline.

how to author it.