Bold (Awesome Design Skills) vs Neumorphism (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.

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

Neumorphism turns Tally into soft grey plastic: a warm stone surface, cards and buttons that look raised or pressed in, Space Mono type and one deep teal accent. The dashboard carries it through with pressed-in progress bars, a recessed chart and a ring gauge. It is one of the few runs where the style holds on every card without falling apart. Pick it for calm, tactile tools where readability is not the top concern.

Side by side

FieldBold (Awesome Design Skills)Neumorphism (Awesome Design Skills)
Fonts
  • Archivo Black
  • Archivo
  • JetBrains Mono
  • Space Mono
  • JetBrains Mono
Colors
  • #111111 near-black
  • #ffffff white
  • #0077bc blue
  • #ffd23f yellow
  • #f3f1ea paper
  • #dc2626 red
  • #e7e5e4 stone
  • #eceae9 raised stone
  • #006666 teal
  • #1e2938 ink
  • #00a63d green
  • #fe9900 amber
  • #ff2157 red
Good fit for
  • consumer apps with a loud brand
  • launch and campaign pages
  • SaaS landing pages
  • product dashboards that need personality
  • calm personal-finance and wellness apps
  • device and smart-home dashboards
  • portfolio or concept pieces
  • small product dashboards
Not great for
  • quiet enterprise tools
  • luxury or editorial brands
  • dense data tables
  • accessibility-first products
  • content-heavy marketing sites
  • dense data tables
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
  • low contrast between cards and the page is the nature of this style, and some grey labels are faint
  • monospace body text makes longer paragraphs slow to read

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

1 Run in your terminal

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

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.