Hallmark vs 3D Metal Material (Meng To)

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. Shared tasks: Visual direction, Landing pages.

Hallmark

4/5

Hallmark turns Tally into a cheerful yellow-and-pastel brand in Plus Jakarta Sans with big ghost numerals, and the dashboard matches it. The most consistent result in the set, but it took about 12 minutes per brief.

3D Metal Material (Meng To)

4/5

3D Metal Material gives Tally a dark studio look: Instrument Serif headlines with brass accents and a slowly tilting brushed-steel card in the hero, drawn live with WebGL. The dashboard puts the $640 on a machined steel plate and uses steel, brass and copper finishes on the bars and buttons. It feels premium and is consistent across both pages. Pick it when you want one rich 3D centerpiece on a dark product page.

Side by side

Field	Hallmark	3D Metal Material (Meng To)
Fonts	Plus Jakarta Sans JetBrains Mono	Instrument Serif (landing) Manrope JetBrains Mono (landing) IBM Plex Mono (dashboard)
Colors	paper oklch(97% 0.012 95) yellow accent oklch(86% 0.18 95) blue oklch(66% 0.18 235) pink, mint and lavender step bands ink oklch(20% 0.012 250)	#0a0b0d graphite #15181c panel #e2bd6e brass #c9ced2 steel #e6a48d copper #e7eaee text #8fc7a4 sage
Good fit for	consumer budgeting apps family and household tools onboarding-heavy mobile apps friendly B2C SaaS	premium fintech and card products dark product landing pages hardware and luxury brands hero visuals
Not great for	serious banking or wealth enterprise and pro tools luxury brands	light or playful brands low-power devices teams without WebGL experience
Flaws we saw	landing and dashboard: the mono labels run very small and get hard to read each brief took about 12 minutes (742 s and 722 s), about five times the baseline's 143 s and 125 s	the WebGL card and plate add weight to the page and need a fallback dashboard: the brass on graphite is subtle, so some labels are low contrast

The baseline with no skill How the brief works

Install Hallmark

1 Run in your terminal

npx skills add nutlope/hallmark

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 3D Metal Material (Meng To)

1 Run in your terminal

npx degit MengTo/Skills/agent-skills/3d/3d-metal-material#main .claude/skills/3d-metal-material

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.