Lingo (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 Lingo (Awesome Design Skills)

Lingo makes Tally look like a language-learning app: Nunito everywhere, bright green buttons with a chunky 3D bottom edge, rounded cards and a friendly envelope mascot. The dashboard has a smiling coin next to the "Left to budget" card and color-coded envelope icons. It is cheerful and very consistent across both pages. Pick it for friendly consumer products aimed at beginners.

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

FieldLingo (Awesome Design Skills)Neobrutalism (Awesome Design Skills)
Fonts
  • Nunito
  • JetBrains Mono (dashboard)
  • Inter
  • JetBrains Mono
Colors
  • #58cc02 green
  • #46a302 deep green
  • #1cb0f6 sky blue
  • #ffc800 yellow
  • #ce82ff violet
  • #ff4b4b red
  • #3c3c3c charcoal
  • #fbfbf9 off-white
  • #1c293c ink navy
  • #fdc800 yellow
  • #432dd7 violet
  • #ff8fb1 pink (dashboard)
  • #16a34a green
Good fit for
  • consumer apps for beginners
  • education and habit apps
  • onboarding flows
  • friendly product dashboards
  • mobile-first products
  • playful SaaS landing pages
  • consumer finance and productivity apps
  • product dashboards
  • startup marketing sites
Not great for
  • serious finance or B2B tools
  • luxury brands
  • data-heavy admin screens
  • conservative brands
  • luxury products
  • very dense admin tools
Flaws we saw
  • the mascot and bright green can feel childish for a money app
  • dashboard: the many colored chips and badges compete for attention
  • 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 Lingo (Awesome Design Skills)

1 Run in your terminal

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

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.