Skip to content

Neo-Brutalist web design

Thick black borders, hard shadows and acid yellow: design that refuses to be polite.

A loud agency site printed like a protest poster: a hero whose words shout back when you hover them while a speech bubble follows the cursor, service rows that flood pink, poster-style case tiles that press flat, a client strip and a giant 'SAY HI'.

Full Website Designs

More from the components lab

Components lab

Loud pricing cards with 3px borders and hard shadows; a chunky monthly/yearly switch slams the prices to new values.

Bento Feature Grids

Questions, answered

What is Specimen Design?

A free library of full website designs. Every design runs live in your browser and comes with a detailed prompt you can paste into Claude to build it. Single UI components live separately, in the components lab.

How do I use a Claude prompt to design a website?

Open any design, press “Copy Claude Prompt” and paste it into Claude. You get a complete React component with Tailwind CSS and Framer Motion that you can drop into a Next.js site.

Are the designs free to use?

Yes. All designs and code are free to use in personal and commercial projects under the MIT license.

How do I make an AI-built website not look AI-generated?

Start from a clear design language instead of defaults: a deliberate typeface pairing, a strict palette with one accent, and motion with real spring physics. Every prompt here spells those choices out.

Which design styles are included?

28 design languages, including Neo-Brutalist, Bauhaus, Swiss, Japanese Minimal, Luxury Noir, Retro 70s, Memphis, Y2K, Claymorphism, Risograph, Art Deco and 8-bit.

Can you build a custom website for my business?

Yes. Use the brief form on the homepage and you will get a reply within one working day.