Neobrutalism (Awesome Design Skills) vs Impeccable

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 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.

Tally landing page made with Impeccable

Impeccable drops the cream-and-serif default for a loud navy, orange and primary-color landing page set in heavy Archivo, then builds a calmer pine-and-lime dashboard. Pick it if you want a product page with real energy that still holds up on a dense screen.

Side by side

FieldNeobrutalism (Awesome Design Skills)Impeccable
Fonts
  • Inter
  • JetBrains Mono
  • Archivo (landing)
  • Schibsted Grotesk (dashboard)
Colors
  • #fbfbf9 off-white
  • #1c293c ink navy
  • #fdc800 yellow
  • #432dd7 violet
  • #ff8fb1 pink (dashboard)
  • #16a34a green
  • #151a33 navy
  • #f0661f orange
  • #17834b green
  • #2a55c9 blue
  • #f2b62d gold
  • pine rail oklch(0.29 0.045 168)
  • lime oklch(0.89 0.16 124)
Good fit for
  • playful SaaS landing pages
  • consumer finance and productivity apps
  • product dashboards
  • startup marketing sites
  • consumer fintech marketing
  • product launch pages
  • directories and marketplaces
  • sports or youth brands
  • B2C SaaS dashboards
Not great for
  • conservative brands
  • luxury products
  • very dense admin tools
  • luxury or quiet editorial brands
  • wellness and calm-first apps
  • long-form reading sites
Flaws we saw
  • 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
  • dashboard: money figures print with a space before the comma ("$5 , 400")
  • dashboard desktop: an empty gap sits under the spending chart
  • landing: the page runs 6,836 px and the zigzag feature sections start to feel repetitive
  • the landing (navy and orange) and the dashboard (pine and lime) share little color

The baseline with no skillHow the brief works

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.

Install Impeccable

1 Run in your terminal

npx impeccable install

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

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

Then run /impeccable init inside your AI coding tool.

Taken from the project README. Check the source for the latest instructions.