Glass Dark Mode Clock vs Light Mode Paper Technical

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 Engineer way: monospace, grids and labels. If it isn’t aligned, it isn’t done. Both are best for: visual direction.

After: Tally landing page, made with Glass Dark Mode Clock (Meng To) — Glass Dark Mode Clock3/5

After: Tally landing page, made with Light Mode Paper Technical (Meng To) — Light Mode Paper Technical3/5

Scroll either page; the other follows.

Glass Dark Mode Clock (Meng To)

3/5

Glass Dark Mode Clock builds Tally around an instrument dial: a big circular gauge in the hero and again on the dashboard, frosted black glass, Inter Tight and mono labels, no accent color. The dashboard's dial showing $3,182 spent is the best single idea here. The landing scrolls sideways a little on a phone. Pick it for premium dark products that like a watch-face feel.

Light Mode Paper Technical (Meng To)

3/5

Light Mode Paper Technical frames a warm paper Tally inside a dark border, with Inter Tight, many JetBrains Mono labels, bracketed panels and one red-orange accent. The dashboard is neat and technical, like a well-made instrument panel in daylight. Pick it if you want a technical product that still feels warm.

Side by side

Field	Glass Dark Mode Clock (Meng To)	Light Mode Paper Technical (Meng To)
Fonts	Inter Tight (landing) Inter (dashboard) JetBrains Mono	Inter Tight JetBrains Mono
Colors	#050506 black #121215 glass #f4f4f5 text #a1a1aa grey #3f3f46 dim #e7d3b0 warm warning (dashboard)	#f3eee4 paper #1c1a17 frame #1f1c18 ink #d9481f red-orange #7b7366 grey #3d6b4a green
Pick it for	premium SaaS fintech and trading dashboards hardware and wearables dark-mode launch pages	developer and data tools SaaS landing pages finance dashboards hardware products
Skip it for	warm consumer brands light-mode products colorful data views	playful consumer brands image-led marketing dark-mode products
Observations	landing mobile: 398 px wide on a 390 px screen, so it scrolls sideways a little with no accent color, warnings blend into the grey	the many tiny mono labels make the page feel dense warm paper keeps a hint of the default, though the type and accent are far from it

How the brief works

Install Glass Dark Mode Clock (Meng To)

1 Run in your terminal

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

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 Light Mode Paper Technical (Meng To)

1 Run in your terminal

npx degit MengTo/Skills/agent-skills/web-design/light-mode-paper-technical#main .claude/skills/light-mode-paper-technical

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.