Bold (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 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 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

FieldBold (Awesome Design Skills)Impeccable
Fonts
  • Archivo Black
  • Archivo
  • JetBrains Mono
  • Archivo (landing)
  • Schibsted Grotesk (dashboard)
Colors
  • #111111 near-black
  • #ffffff white
  • #0077bc blue
  • #ffd23f yellow
  • #f3f1ea paper
  • #dc2626 red
  • #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
  • consumer apps with a loud brand
  • launch and campaign pages
  • SaaS landing pages
  • product dashboards that need personality
  • consumer fintech marketing
  • product launch pages
  • directories and marketplaces
  • sports or youth brands
  • B2C SaaS dashboards
Not great for
  • quiet enterprise tools
  • luxury or editorial brands
  • dense data tables
  • luxury or quiet editorial brands
  • wellness and calm-first apps
  • long-form reading sites
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
  • 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 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 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.