Brutalism vs Taste Skill

Awesome Design Skills · design-taste-frontend

Tied at 3/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.

Brutalism3/5
After: Tally landing page, made with Brutalism (Awesome Design Skills)
Taste Skill3/5
After: Tally landing page, made with Taste Skill (design-taste-frontend)

Scroll either page; the other follows.

Brutalism builds Tally from concrete: a speckled grey grid, 4px black rules, hard offset shadows and huge uppercase Darker Grotesque, with terracotta and ochre blocks. The landing hero is a crooked ledger of envelope budgets; the dashboard uses giant condensed numbers and solid color blocks. It has a strong point of view, but the mobile dashboard scrolls sideways badly. Pick it for bold, design-forward brands.

Taste makes the boldest landing page in the set, a white Swiss poster with giant Anton type, electric blue and red. The dashboard looks like a different skill made it, and it scrolls sideways on a phone.

Side by side

FieldBrutalism (Awesome Design Skills)Taste Skill (design-taste-frontend)
Fonts
  • Darker Grotesque
  • JetBrains Mono
  • Anton
  • Work Sans
  • Schibsted Grotesk (dashboard)
Colors
  • #e7e5e1 concrete
  • #111827 black ink
  • #dd614c terracotta
  • #daa144 ochre
  • #ffffff white
  • #16a34a green
  • #ffffff bg
  • #0a0a0a black
  • #2436ff electric blue
  • #ff3b1f red
  • dashboard #13201A green and #C8F168 lime
Pick it for
  • design studios and portfolios
  • bold indie products
  • campaign pages
  • opinionated SaaS brands
  • bold marketing pages
  • creative and youth brands
  • directories and editorial indexes
  • event or launch sites
Skip it for
  • conservative finance brands
  • accessibility-first products
  • dense data tools
  • calm personal finance
  • dense enterprise tools
  • accessibility-first public services
Observations
  • the thick rules and crooked blocks make some sections hard to scan
  • dashboard mobile: 671 px wide on a 390 px screen, so it scrolls sideways
  • dashboard mobile: 524 px wide on a 390 px screen, so it scrolls sideways
  • dashboard: money figures print with a space before the comma
  • the dashboard (dark green and lime, Schibsted Grotesk) shares nothing with the landing page
  • landing took 357 s and 29 turns

How the brief works

Install Brutalism (Awesome Design Skills)

1 Run in your terminal

npx degit bergside/awesome-design-skills/skills/brutalism#main .claude/skills/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.

Install Taste Skill (design-taste-frontend)

1 Run in your terminal

npx degit Leonxlnx/taste-skill/skills/taste-skill#main .claude/skills/design-taste-frontend

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.

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