Popular Web Designs (Hermes Agent)

4/5 out of 5. Read the verdict

Heavy black Inter headlines, lime green on white, pill buttons and big rounded cards in the style of Wise. For friendly fintech.

Made by Nous Research

Popular Web Designs (Hermes Agent)
After: Tally landing page, made with Popular Web Designs (Hermes Agent)
Baselineno skill installed
Before: Tally landing page, no design skill

Scroll either page; the other follows.

Every skill gets the same Tally brief, alone in a clean project. How we test

Our verdict

4/5 out of 5

Passed the cut

Popular Web Designs gives Tally the Wise treatment: very heavy black Inter headlines, a lime highlight box around 'job.', pill buttons, big rounded cards and a black pricing band with a lime Plus plan. The dashboard follows through with a black 'left to budget' card in huge lime numerals, lime envelope bars and a lime October bar. It is far from the default and holds together on both pages and on a phone, though the tight headline leading lets lines collide and a sync chip covers the Groceries label in the hero. Pick it when you want a bright, confident consumer fintech look and are happy to start from a known brand's style.

Compare with Impeccable

Pick it for

  • consumer fintech
  • payments and money apps
  • friendly SaaS landing pages
  • product dashboards

Skip it for

  • editorial or luxury brands
  • products that need their own identity
  • dark-mode products

Typography

Observations

  1. landing: the headline lines are set so tight that 'dollar a' runs into the lime 'job.' box
  2. landing hero: the '3 accounts synced' chip covers the Groceries label
  3. the look copies Wise closely, so it will not feel unique

Install

1 Run in your terminal

npx degit nousresearch/hermes-agent/skills/creative/popular-web-designs#main .claude/skills/popular-web-designs

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.

We installed the popular-web-designs folder from this repo.

Details

Made by

Nous ResearchOrg

9.6k followers

Is this you? Claim it

Type
Skill
GitHub stars
255,609*
Updated
today
License
MIT

Test runOpus 5.5Claude Code 2.1.303Oct 20, 2026generated in 6 minabout $1.48 at API pricescommit 7b8f9f8

* Stars are for the whole nousresearch/hermes-agent repository.

Made this skill?Put your score on your README, and claim this page for a link to your site.

1. Put your score on your README

Tested on Skills for Design: 4 out of 5 [![Tested on Skills for Design: 4 out of 5](https://skillsfordesign.com/badge/hermes-popular-web-designs.svg)](https://skillsfordesign.com/s/hermes-popular-web-designs/)

The badge links here. If a retest changes the score, it updates by itself.

2. Claim this page

Get a free backlink to your site.

  • A followed link, not nofollow. From the page about your skill, on a site about design skills, to your portfolio, product or studio. Search engines count it.
  • Your name on the page. Credited as the maker, right under the description, where every visitor sees it.
  • Free. Usually live within a few days.

How it will look

We check that you maintain the repo, then add your name and link, usually within a few days. Privacy

Similar

Same brief, other skills

Also good for these

Passed, score 3 out of 5

Codex (Awesome Design Skills)

Skill · Visual directionGitHub stars 3.3k

Codex makes Tally stark black and white: oversized heavy Open Sans headlines, pill buttons, thin black rules and inverted black bands, with no shadows or gradients. The dashboard uses big light numbers and black as the only fill, with red and green only for status. It is clean and confident. Pick it for developer tools or brands that want a strict monochrome look.

updated 4mo ago

Passed, score 3 out of 5

Nested Container Clean Agency (Meng To)

Skill · Visual directionGitHub stars 6.8k

Nested Container Clean Agency builds Tally from rounded boxes inside boxes: an off-white shell with inset near-black panels, Inter Tight headlines and a bright lime accent. The dashboard is crisp, with a dark summary block and lime highlights. The mobile dashboard scrolls sideways slightly. Pick it for modern SaaS and agency sites.

updated today

Passed, score 3 out of 5

Tech Green Dark Mode Modern (Meng To)

Skill · Visual directionGitHub stars 6.8k

Tech Green Dark Mode Modern gives Tally a matte-black developer-tool look with emerald accents, Inter and heavy use of JetBrains Mono. The dashboard is the stronger page, with clear framed cards, emerald bars and a red overspend tag. Pick it for technical products; it is a familiar style, done cleanly.

updated today

Passed, score 4 out of 5

Lingo (Awesome Design Skills)

Skill · Visual directionGitHub stars 3.3k

Lingo makes Tally look like a language-learning app: Nunito everywhere, bright green buttons with a chunky 3D bottom edge, rounded cards and a friendly envelope mascot. The dashboard has a smiling coin next to the "Left to budget" card and color-coded envelope icons. It is cheerful and very consistent across both pages. Pick it for friendly consumer products aimed at beginners.

updated 4mo ago

4/5 · passedInstall