Neobrutalism (Awesome Design Skills) vs Hallmark

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.

Neobrutalism (Awesome Design Skills)

4/5

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.

Hallmark

4/5

Hallmark turns Tally into a cheerful yellow-and-pastel brand in Plus Jakarta Sans with big ghost numerals, and the dashboard matches it. The most consistent result in the set, but it took about 12 minutes per brief.

Side by side

Field	Neobrutalism (Awesome Design Skills)	Hallmark
Fonts	Inter JetBrains Mono	Plus Jakarta Sans JetBrains Mono
Colors	#fbfbf9 off-white #1c293c ink navy #fdc800 yellow #432dd7 violet #ff8fb1 pink (dashboard) #16a34a green	paper oklch(97% 0.012 95) yellow accent oklch(86% 0.18 95) blue oklch(66% 0.18 235) pink, mint and lavender step bands ink oklch(20% 0.012 250)
Good fit for	playful SaaS landing pages consumer finance and productivity apps product dashboards startup marketing sites	consumer budgeting apps family and household tools onboarding-heavy mobile apps friendly B2C SaaS
Not great for	conservative brands luxury products very dense admin tools	serious banking or wealth enterprise and pro tools luxury brands
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	landing and dashboard: the mono labels run very small and get hard to read each brief took about 12 minutes (742 s and 722 s), about five times the baseline's 143 s and 125 s

The baseline with no skill How 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 Hallmark

1 Run in your terminal

npx skills add nutlope/hallmark

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

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

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