04 / 15

Neo-Brutalism

Thick black outlines, hard offset shadows and loud flat colour. Bold, funny and impossible to ignore.

  • Startups
  • Events
  • Youth F&B
Full preview (opens in a new tab)

Sample businesses are fictional.

AI prompt

Restyle my page in a Neo-Brutalism style: bold, playful and loud, with an honest hand-made feel. Palette: background #FFF4D6 (butter), cards #FFFFFF, ink #000000 for all text and outlines, one hot accent #FF5C39 and one mint #7BDCB5 for stickers and secondary blocks. Type: headlines in Archivo Black, very large, uppercase allowed, letter-spacing -0.01em, line-height 0.95. Body in Space Grotesk 15–16px, medium weight. For Chinese text pair the headlines with ZCOOL QingKe HuangYou and the body with Noto Sans SC (500), and never italicise or tighten Chinese. Layout: chunky blocks on a simple grid, slightly rotated sticker labels (-2° to 3°), a marquee strip of keywords, elements that overlap their containers a little. Components: every card, button and image has a 3px solid black border, 10px radius and a hard offset shadow of 6px 6px 0 #000 with no blur. Buttons press down on click: the shadow shrinks to 0 and the button moves 6px. Primary button in #FF5C39, secondary in white. Tags look like stickers. Motion: snappy and physical. Press effects, wobbles and a looping marquee, 120–180ms. Avoid: soft shadows, gradients, thin hairlines, subtle greys, glassy blur.

Suggest an idea

Seen a motion or a theme you would like to find here? Describe it, and it opens as a prefilled GitHub issue for you to post.

What are you suggesting?

Needs a GitHub account. Suggestions are public.