ECC Frontend Design Direction vs Hallmark

Both after shots are the Tally landing page from the same Claude Code test. Shared tags: Visual direction, Landing pages.

3 out of 5

ECC Frontend Design Direction

ECC keeps a Fraunces and cream landing page but adds mono labels and a tilted sticky note. The IBM Plex dashboard is more useful than the baseline's, with a sync alert, search and person filters.

4 out of 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.

Tally landing page made with Hallmark — Open full after

Baseline with no skill · How the brief works

How to install ECC Frontend Design Direction

Works with Claude Code, Codex, Cursor, Gemini and more

npx degit affaan-m/ECC/skills/frontend-design-direction#main .claude/skills/frontend-design-direction

This install is for Claude Code only; for other agents use Copy prompt or copy the skill folder.

Taken from the project README. Check the source for the latest instructions.

How to install Hallmark

Works with Claude Code, Codex, Cursor, Gemini and more

npx skills add nutlope/hallmark

Taken from the project README. Check the source for the latest instructions.