Dither Laser Dark Mode vs Funky Purple Container Tech

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.

Dither Laser Dark Mode3/5
After: Tally landing page, made with Dither Laser Dark Mode (Meng To)
Funky Purple Container Tech3/5
After: Tally landing page, made with Funky Purple Container Tech (Meng To)

Scroll either page; the other follows.

Dither Laser Dark Mode (Meng To)

3/5

Dither Laser Dark Mode lights a near-black Tally with a warm amber laser line and soft dither texture, set in Inter Tight with mono labels. The dashboard switches the accent to green, which loses some of the landing's character. Pick it for dark technical products with one strong accent.

Funky Purple Container Tech (Meng To)

3/5

Funky Purple Container Tech goes full neon: a near-black page, a glowing purple orb in the hero, fuchsia and violet accents, Space Grotesk and lots of JetBrains Mono. The dashboard keeps the orb and the purple bars. It is fun and far from the default, but both pages scroll sideways on a phone. Pick it for playful tech or crypto products.

Side by side

FieldDither Laser Dark Mode (Meng To)Funky Purple Container Tech (Meng To)
Fonts
  • Inter Tight (landing)
  • Inter (dashboard)
  • JetBrains Mono
  • Space Grotesk
  • JetBrains Mono
Colors
  • #060607 black
  • #0f0f12 panel
  • #ffb547 amber
  • #5cf2a6 green (dashboard)
  • #f2f1ee text
  • #9a988f grey
  • #07060b black
  • #0e0c15 panel
  • #d946ef fuchsia
  • #8b5cf6 violet
  • #f0abfc pink
  • #6366f1 indigo
Pick it for
  • dark-mode SaaS
  • developer and AI tools
  • fintech dashboards
  • product launch pages
  • crypto and web3
  • gaming and creator tools
  • AI products
  • playful tech launches
Skip it for
  • light-mode brands
  • warm consumer products
  • editorial sites
  • calm consumer finance
  • enterprise software
  • light-mode brands
Observations
  • dashboard mobile: 410 px wide on a 390 px screen, so it scrolls sideways
  • the amber accent on the landing turns green on the dashboard, so the two pages feel like different brands
  • landing mobile: 393 px wide on a 390 px screen, so it scrolls sideways a little
  • dashboard mobile: 657 px wide on a 390 px screen, so it scrolls sideways
  • purple on near-black gets tiring over long pages

How the brief works

Install Dither Laser Dark Mode (Meng To)

1 Run in your terminal

npx degit MengTo/Skills/agent-skills/web-design/dither-laser-dark-mode#main .claude/skills/dither-laser-dark-mode

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 Funky Purple Container Tech (Meng To)

1 Run in your terminal

npx degit MengTo/Skills/agent-skills/web-design/funky-purple-container-tech#main .claude/skills/funky-purple-container-tech

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.