Minimalist UI vs Baseline UI

Taste Skill · UI Skills

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.

Minimalist UI3/5
After: Tally landing page, made with Minimalist UI (Taste Skill)
Baseline UI3/5
After: Tally landing page, made with Baseline UI (UI Skills)

Scroll either page; the other follows.

Minimalist UI goes almost monochrome: off-white, near-black type and Geist, with Newsreader italics for emphasis and soft Notion-like color tags. It's calm and editorial, a clear step away from the baseline, but the mobile dashboard scrolls sideways. Pick it for quiet products that let the content lead.

Baseline UI gives Tally an off-white stone landing page with condensed Instrument Serif headlines, Inter body text, an emerald accent and a plain white app card with no floating overlays. The dashboard drops the serif for an all-Inter zinc layout with a black primary button, grey bars for past months and red only on the over-budget envelope. Both pages are orderly and readable, but the look is close to a stock Tailwind app, and the dashboard in particular has little character of its own. Pick it when you want a quick cleanup pass rather than a brand.

Side by side

FieldMinimalist UI (Taste Skill)Baseline UI (UI Skills)
Fonts
  • Geist
  • Newsreader
  • Geist Mono
  • Instrument Serif
  • Inter
Colors
  • #fbfbfa paper
  • #111111 ink
  • #787774 muted
  • #346538 green
  • #1f6c9f blue
  • #9f2f2d red
  • #fafaf9 stone white
  • #1c1917 stone ink
  • #059669 emerald
  • #047857 deep emerald
  • #e4e4e7 zinc line
  • #dc2626 red
Pick it for
  • editorial products
  • writing and notes tools
  • portfolios
  • quiet SaaS
  • quick polish passes
  • saas cleanups
  • neutral product dashboards
Skip it for
  • playful brands
  • colorful consumer apps
  • bold launch pages
  • setting a brand look
  • expressive marketing pages
Observations
  • dashboard mobile: 433 px wide on a 390 px screen, so it scrolls sideways
  • the dashboard is close to a stock tailwind layout
  • the phone dashboard's nav row scrolls sideways

How the brief works

Install Minimalist UI (Taste Skill)

1 Run in your terminal

npx degit Leonxlnx/taste-skill/skills/minimalist-skill#main .claude/skills/minimalist-ui

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 Baseline UI (UI Skills)

1 Run in your terminal

npx degit ibelick/ui-skills/skills/baseline-ui#main .claude/skills/baseline-ui

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.