Spacious vs Design Taste Frontend v2, experimental

Awesome Design Skills · Taste Skill

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 Minimalist way: white space, one accent, and the confidence to leave things out. Both are best for: visual direction.

Spacious3/5
After: Tally landing page, made with Spacious (Awesome Design Skills)
Design Taste Frontend v2, experimental3/5
After: Tally landing page, made with Design Taste Frontend v2, experimental (Taste Skill)

Scroll either page; the other follows.

Spacious gives Tally a roomy white page on an 8pt grid with Montserrat headings, Open Sans text and a blue accent. The dashboard is calm white cards on pale grey with a dark "Left to budget" card. It is clean, but generic, and the mobile dashboard scrolls sideways. Pick it as a neutral base if you plan to add your own brand.

The old v2 taste skill swaps the serif for Geist on a pale grey-green canvas, with a deep green accent and an interactive budget slider in the hero. Both pages are clean and competent, with only slight distance from the baseline. Pick it if you like Taste Skill's style and want the older single-file version.

Side by side

FieldSpacious (Awesome Design Skills)Design Taste Frontend v2, experimental (Taste Skill)
Fonts
  • Montserrat
  • Open Sans
  • IBM Plex Mono (dashboard)
  • Geist
  • Geist Mono
Colors
  • #ffffff white
  • #f9fafb pale grey
  • #2563eb blue
  • #3b82f6 light blue
  • #8b5cf6 violet
  • #111827 ink
  • #f2f3f0 canvas
  • #151a17 ink
  • #23624a green
  • #9b3b2b red
  • #b0412c red (dashboard)
Pick it for
  • SaaS landing pages
  • starter templates
  • calm dashboards
  • internal tools
  • SaaS landing pages
  • product dashboards
  • startup marketing sites
Skip it for
  • brands that need personality
  • dense data tools
  • playful products
  • brands that need personality
  • dark products
  • editorial work
Observations
  • generic: close to many blue-on-white templates
  • dashboard mobile: 514 px wide on a 390 px screen, so it scrolls sideways
  • only slight distance from the baseline palette

How the brief works

Install Spacious (Awesome Design Skills)

1 Run in your terminal

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

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 Design Taste Frontend v2, experimental (Taste Skill)

1 Run in your terminal

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

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.