Bold vs Neo-Brutalism

Awesome Design Skills · Design Taste by Mustafa

Tied at 4/5 on the same brief. Pick by fit: the rows below show where each one is stronger.

Both built the Tally landing page in the same Claude Code test, and both design the Brutalist way: black, white and heavy type. Hard edges, no apologies. Both are best for: visual direction.

Bold4/5
After: Tally landing page, made with Bold (Awesome Design Skills)
Neo-Brutalism4/5
After: Tally landing page, made with Neo-Brutalism (Design Taste by Mustafa)

Scroll either page; the other follows.

Bold gives Tally a poster: huge uppercase Archivo Black headlines, thick black borders with hard offset shadows, a blue-and-yellow accent pair and a tilted phone in the hero. The dashboard keeps the same voice with a black sidebar, a big black "spent so far" card and striped red for the over-budget envelope. Both pages read clearly and work on a phone. Pick it when you want a product page that shouts.

Neo-Brutalism puts Tally in thick black outlines: Space Grotesk headlines with a sky-blue highlighted word, a tilted hot-pink panel holding the phone with a round "Rent covered" sticker, and pricing cards styled like packaging labels. The dashboard carries the same borders and hard offset shadows, with Space Mono stamp labels, a hot-pink "Left to budget" card with quick actions and a striped over-budget envelope. The copy is playful and everything stays readable, but the dashboard scrolls sideways on a phone. Pick it for consumer apps and brands that want personality.

Side by side

FieldBold (Awesome Design Skills)Neo-Brutalism (Design Taste by Mustafa)
Fonts
  • Archivo Black
  • Archivo
  • JetBrains Mono
  • Space Grotesk
  • Space Mono
  • IBM Plex Mono
Colors
  • #111111 near-black
  • #ffffff white
  • #0077bc blue
  • #ffd23f yellow
  • #f3f1ea paper
  • #dc2626 red
  • #fff8e7 cream
  • #0a0a0a ink black
  • #ff3878 hot pink
  • #7cc6fe sky blue
  • #ffefc2 butter
Pick it for
  • consumer apps with a loud brand
  • launch and campaign pages
  • SaaS landing pages
  • product dashboards that need personality
  • consumer apps
  • agencies and studios
  • playful fintech and launches
Skip it for
  • quiet enterprise tools
  • luxury or editorial brands
  • dense data tables
  • conservative finance
  • quiet premium brands
Observations
  • landing: the hero headline is so large that the value line and buttons sit low on a laptop screen
  • dashboard: heavy borders on every card make the page feel busy in long lists
  • the dashboard scrolls sideways on a phone

How the brief works

Install Bold (Awesome Design Skills)

1 Run in your terminal

npx degit bergside/awesome-design-skills/skills/bold#main .claude/skills/bold

2 Or paste a prompt into Claude Code, Codex, Cursor or Gemini

It tells your tool to install this from its source repository.

This install is for Claude Code only; for other agents use Copy prompt or copy the skill folder.

Copies just this skill's folder into your project's .claude/skills.

Check the source for the latest instructions.

Install Neo-Brutalism (Design Taste by Mustafa)

1 Run in your terminal

npx degit madebymustafa/design-taste/skills/neo-brutalism#main .claude/skills/neo-brutalism

2 Or paste a prompt into Claude Code, Codex, Cursor or Gemini

It tells your tool to install this from its source repository.

This install is for Claude Code only; for other agents use Copy prompt or copy the skill folder.

Copies just this skill's folder into your project's .claude/skills.

Check the source for the latest instructions.