Bold (Awesome Design Skills) vs Neobrutalism (Awesome Design Skills)

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. Shared tasks: Visual direction, Landing pages.

Tally landing page made with Bold (Awesome Design Skills)

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.

Tally landing page made with Neobrutalism (Awesome Design Skills)

Neobrutalism puts Tally on warm off-white with thick navy borders, hard offset shadows and flat yellow and violet blocks. The landing has a CSS phone with sticker-like envelope cards; the dashboard uses a dotted background, yellow highlights on the date and summary cards, and a clean transactions table. It is bold but still easy to read on both pages. Pick it for playful products that want a confident, graphic look.

Side by side

FieldBold (Awesome Design Skills)Neobrutalism (Awesome Design Skills)
Fonts
  • Archivo Black
  • Archivo
  • JetBrains Mono
  • Inter
  • JetBrains Mono
Colors
  • #111111 near-black
  • #ffffff white
  • #0077bc blue
  • #ffd23f yellow
  • #f3f1ea paper
  • #dc2626 red
  • #fbfbf9 off-white
  • #1c293c ink navy
  • #fdc800 yellow
  • #432dd7 violet
  • #ff8fb1 pink (dashboard)
  • #16a34a green
Good fit for
  • consumer apps with a loud brand
  • launch and campaign pages
  • SaaS landing pages
  • product dashboards that need personality
  • playful SaaS landing pages
  • consumer finance and productivity apps
  • product dashboards
  • startup marketing sites
Not great for
  • quiet enterprise tools
  • luxury or editorial brands
  • dense data tables
  • conservative brands
  • luxury products
  • very dense admin tools
Flaws we saw
  • 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
  • dashboard: the pink and violet chart bars add colors that are not in the rest of the system
  • the run did not check the page in a browser, but our screenshots show no breakage

The baseline with no skillHow 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 Neobrutalism (Awesome Design Skills)

1 Run in your terminal

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

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.