Huashu Design vs Hue

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, and both design the Minimalist way: white space, one accent, and the confidence to leave things out.

Huashu Design4/5
After: Tally landing page, made with Huashu Design
Hue4/5
After: Tally landing page, made with Hue

Scroll either page; the other follows.

Huashu Design

4/5

Huashu swaps Fraunces for Bricolage Grotesque and puts a lime highlighter on a deep forest green. It keeps envelopes as real kraft cards and carries the look into a tidy dashboard. A safe, distinct choice for consumer finance.

Hue

4/5

hue is built to turn a brand into a new design-language skill. With our one-file brief it skipped those extra files and used its rules for picking colors and fonts, and the result is a clear brand: a pocket-ledger look with warm off-white paper, near-black ink, one marigold highlight and chunky Bricolage Grotesque over Hanken Grotesk. The landing and the dashboard match closely, and neither looks like the cream-and-serif default. Pick it if you want a skill that settles a brand before it designs.

Side by side

FieldHuashu DesignHue
Fonts
  • Bricolage Grotesque
  • Hanken Grotesk
  • IBM Plex Mono
  • Geist and Geist Mono (dashboard)
  • Bricolage Grotesque
  • Hanken Grotesk
Colors
  • #F3F4EE paper
  • #0F2A22 ink
  • #163D31 forest
  • #CDEB5A lime
  • #E7D3AE kraft
  • #E8684A coral
  • #f6f5f1 paper
  • #1b1a17 ink
  • #f2b21b marigold
  • #c98a00 deep marigold
  • #d9482b tomato
  • #2f8a4c leaf
Pick it for
  • personal finance and budgeting
  • household money apps
  • consumer SaaS marketing
  • sustainability or food brands
  • new products without a brand yet
  • consumer apps
  • SaaS landing pages
  • product dashboards
  • design-system kickoffs
Skip it for
  • enterprise admin
  • luxury brands
  • dark-first dev tools
  • teams with a fixed brand book
  • dark-mode products
  • quiet enterprise tools
Observations
  • landing desktop: the headline breaks into three short lines and leaves an empty column beside it
  • dashboard: the value labels above the spending bars are tiny and crowd each other
  • in our one-file test it skipped the design-skill files it normally writes, so we only saw its color and type rules at work
  • landing: the yellow-on-black pricing band is the one loud moment on an otherwise calm page

How the brief works

Install Huashu Design

1 Run in your terminal

npx skills add alchaincyf/huashu-design

2 Or paste a prompt into Claude Code, Codex, Cursor or Gemini

It tells your tool to install this from its source repository.

Taken from the project README. Check the source for the latest instructions.

Install Hue

1 Run in your terminal

git clone https://github.com/dominikmartn/hue ~/.claude/skills/hue

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.

Taken from the project README. Check the source for the latest instructions.