Mesh Gradient Dark Blue Clean vs Tech Green Dark Mode Modern

Meng To · Meng To

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 Night Shift way: dark screens, glowing accents, work that looks best at 2am. Both are best for: visual direction, dashboards.

Mesh Gradient Dark Blue Clean3/5
After: Tally landing page, made with Mesh Gradient Dark Blue Clean (Meng To)
Tech Green Dark Mode Modern3/5
After: Tally landing page, made with Tech Green Dark Mode Modern (Meng To)

Scroll either page; the other follows.

Mesh Gradient Dark Blue Clean (Meng To)

3/5

Mesh Gradient Dark Blue Clean sets Tally on a deep navy mesh gradient, with frosted shells, Inter Tight and mono labels, and pale blue highlights. The dashboard is clean and readable, with a glowing summary card and soft blue bars. Pick it for premium tech or fintech products.

Tech Green Dark Mode Modern (Meng To)

3/5

Tech Green Dark Mode Modern gives Tally a matte-black developer-tool look with emerald accents, Inter and heavy use of JetBrains Mono. The dashboard is the stronger page, with clear framed cards, emerald bars and a red overspend tag. Pick it for technical products; it is a familiar style, done cleanly.

Side by side

FieldMesh Gradient Dark Blue Clean (Meng To)Tech Green Dark Mode Modern (Meng To)
Fonts
  • Inter Tight (landing)
  • Inter (dashboard)
  • JetBrains Mono
  • Inter
  • JetBrains Mono
Colors
  • #030712 navy black
  • #07111f deep blue
  • #1d4ed8 cobalt
  • #312e81 indigo
  • #dbeafe pale blue
  • #f8fafc text
  • #060807 black
  • #0d1110 panel
  • #34d399 emerald
  • #10b981 green
  • #e8eeeb text
  • #f97362 coral (dashboard)
Pick it for
  • fintech and banking
  • AI and data products
  • dark-mode SaaS
  • product launch pages
  • developer tools
  • infrastructure and API products
  • fintech dashboards
  • dark-mode SaaS
Skip it for
  • warm consumer brands
  • light-mode products
  • editorial sites
  • consumer personal finance
  • warm or friendly brands
  • light-mode products
Observations
  • the dark-blue SaaS look is close to other skills in this set
  • pale blue on navy makes small labels hard to read
  • a familiar green-on-black developer look
  • small grey mono text on black is hard to read

How the brief works

Install Mesh Gradient Dark Blue Clean (Meng To)

1 Run in your terminal

npx degit MengTo/Skills/agent-skills/web-design/mesh-gradient-dark-blue-clean#main .claude/skills/mesh-gradient-dark-blue-clean

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 Tech Green Dark Mode Modern (Meng To)

1 Run in your terminal

npx degit MengTo/Skills/agent-skills/web-design/tech-green-dark-mode-modern#main .claude/skills/tech-green-dark-mode-modern

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.