Background Grid WebGL vs Bright Green Tech System

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, landing pages.

Background Grid WebGL3/5
After: Tally landing page, made with Background Grid WebGL (Meng To)
Bright Green Tech System3/5
After: Tally landing page, made with Bright Green Tech System (Meng To)

Scroll either page; the other follows.

Background Grid WebGL (Meng To)

3/5

Background Grid WebGL puts a perspective grid fading into the dark behind the hero, with mint accents and Instrument Serif headlines over Inter Tight. The dashboard keeps the dark look in Manrope. The mobile dashboard scrolls sideways. Pick it for a tech launch page with atmosphere.

Bright Green Tech System (Meng To)

3/5

Bright Green Tech System is the furthest from the default in this batch: a near-black HUD with hard-framed panels, JetBrains Mono labels and a lime glow, plus a WebGL visual in the hero. It reads like a dev tool more than a budgeting app, and the mobile dashboard scrolls sideways. Pick it if your product is technical and you want it to look it.

Side by side

FieldBackground Grid WebGL (Meng To)Bright Green Tech System (Meng To)
Fonts
  • Instrument Serif (landing)
  • Inter Tight (landing)
  • JetBrains Mono (landing)
  • Manrope (dashboard)
  • DM Mono (dashboard)
  • Inter Tight (landing)
  • JetBrains Mono
  • Space Grotesk (dashboard)
Colors
  • #07090b background
  • #eef2f0 text
  • #5df2b0 mint
  • #f2c35d amber
  • #7ce8c0 mint (dashboard)
  • #ff8a73 coral (dashboard)
  • #0a0b0a near-black
  • #101210 panel
  • #b6ff3b lime
  • #7ed321 green
  • #eef2ec text
  • #ff6a3d warning orange (dashboard)
Pick it for
  • tech launch pages
  • AI products
  • event and conference sites
  • developer tools
  • developer tools
  • infrastructure and API products
  • crypto and trading dashboards
  • technical launch pages
Skip it for
  • everyday consumer finance
  • light brands
  • content-heavy sites
  • consumer personal finance
  • friendly onboarding flows
  • light-mode brands
Observations
  • dashboard mobile: 583 px wide on a 390 px screen, so it scrolls sideways
  • the landing and dashboard use different type (Inter Tight vs Manrope)
  • dashboard mobile: 598 px wide on a 390 px screen, so it scrolls sideways
  • the terminal mood fights the calm tone a household budgeting app needs
  • lime on near-black is loud; small grey mono labels get hard to read

How the brief works

Install Background Grid WebGL (Meng To)

1 Run in your terminal

npx degit MengTo/Skills/agent-skills/web-design/background-grid-webgl#main .claude/skills/background-grid-webgl

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 Bright Green Tech System (Meng To)

1 Run in your terminal

npx degit MengTo/Skills/agent-skills/web-design/bright-green-tech-system-webgl#main .claude/skills/bright-green-tech-system-webgl

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.