Light IBM Plex Sans on warm grey, black rules, a strict grid and one Swiss red. For finance, tools and serious product sites.

Made by Zeke Sikelianos

Swiss Design
After: Tally landing page, made with Swiss Design
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

Swiss Design gives Tally a large light-weight IBM Plex Sans headline with 'place.' in red #C8102E, a thin black rule across the top and a flat budget table instead of a phone. The dashboard keeps the system: numbered section headings, black rules, grey bars with October in black, and red only for the $640 left to budget, Dining out and the bill due soon. Both pages are consistent, readable and work on a phone. The thin light type and pale grey labels are faint in places. Pick it for finance and tool products that want a calm, typographic look.

Compare with Claude Design System Prompt

Pick it for

  • finance products
  • productivity tools
  • typographic brands
  • data dashboards

Skip it for

  • playful consumer brands
  • dark interfaces
  • illustration-heavy sites

Observations

  1. thin light type and pale grey labels are faint in places
  2. household avatars are clipped in the switcher

Install

1 Run in your terminal

npx degit zeke/swiss-design-skill/swiss-design#main .claude/skills/swiss-design

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 swiss-design folder from this repo.

Details

Made by

Zeke Sikelianos

Berkeley, CA · @replicate · 3.1k followers

"Zeek". Open-source AI engineer at @cloudflare. Previously @replicate, @github, @electron, @npm, @heroku.

Is this you? Claim it

Type
Skill
GitHub stars
158*
Updated
23d ago
License
MIT

Test runOpus 5.5Claude Code 2.1.303Oct 20, 2026generated in 4 minabout $0.98 at API pricescommit 285009f

* Stars are for the whole zeke/swiss-design-skill 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/swiss-design.svg)](https://skillsfordesign.com/s/swiss-design/)

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

Tally landing page made with Liquid Glass Design (ECC) Passed, score 4 out of 5

Liquid Glass Design (ECC)

Skill · Visual directionGitHub stars 283k

Liquid Glass Design builds Tally out of frosted glass panels floating over soft mint, peach and periwinkle light, set in Bricolage Grotesque and DM Sans. The dashboard keeps the glass in Manrope and stays readable. Pick it if you want a friendly, Apple-flavored product that looks nothing like the cream-and-serif default.

updated 2d ago

Tally landing page made with Popular Web Designs (Hermes Agent) Passed, score 4 out of 5

Popular Web Designs (Hermes Agent)

Skill · Visual directionGitHub stars 256k

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.

updated today

Tally landing page made with Impeccable Passed, score 4 out of 5

Impeccable

Skill · Visual directionGitHub stars 82k

Impeccable drops the cream-and-serif default for a loud navy, orange and primary-color landing page set in heavy Archivo, then builds a calmer pine-and-lime dashboard. Pick it if you want a product page with real energy that still holds up on a dense screen.

updated 1d ago

Tally landing page made with Hallmark Passed, score 4 out of 5

Hallmark

Skill · Visual directionGitHub stars 30k

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.

updated 2mo ago

Also good for these

Passed, score 4 out of 5

Agency Grid Layout Minimal (Meng To)

Skill · Visual directionGitHub stars 6.8k

Agency Grid Layout Minimal turns Tally into a Swiss-style studio page: grey paper, huge light Inter Tight headlines with a darker second line, hairline rules and JetBrains Mono labels. The dashboard is the same: a giant "$640 left to budget", thin progress lines and one black bar in the chart. Pick it if you want a calm, typographic product page that looks designed rather than templated.

updated today

Passed, score 3 out of 5

Scandinavian Design

Skill · Visual directionGitHub stars 407

Scandinavian Design gives Tally a strict black-and-white page: large Inter headlines with a grey second half, a phone hero on a pale grey panel, and an in-page budget table instead of feature cards. The dashboard keeps the same rules, with a black and grey split bar, a black October bar in the chart and red only on the over-budget Dining out envelope. It is consistent, readable and works on a phone, but plain Inter on white is a common look and the hero leaves a lot of empty space. Pick it when you want a quiet, monochrome product site.

updated 2mo ago

Passed, score 4 out of 5

Brutalist Industrial (Design Taste by Mustafa)

Skill · Visual directionGitHub stars 178

Brutalist Industrial gives Tally a declassified blueprint: huge uppercase Archivo headlines, IBM Plex Mono labels, 1px black rules around every cell, warm paper and safety orange as the only accent. The landing indexes features as F.01 to F.04, fills the Plus pricing column in orange and ends on a giant TALLY wordmark; the dashboard keeps the same voice with an OCTOBER 2026 headline, black and orange summary blocks and a ruled envelope table. A few labels collide, such as the chart's average tag and a clipped rent figure, and the hero envelope bars on the landing render empty. Pick it for products that want to look like an instrument or a technical document.

updated 2mo ago

Passed, score 3 out of 5

Design Taste (Mustafa)

Skill · Visual directionGitHub stars 178

Mustafa's Design Taste gives Tally a quiet paper ledger: light Fraunces headlines with italic emphasis, Instrument Sans text, IBM Plex Mono labels, hairline rules, square buttons and one ledger green on warm paper. The dashboard follows in Newsreader, with a large $640.00 figure, ruled envelope rows with pace ticks and a rust over-budget bar. It is more deliberate and editorial than the default, but its cream, serif and forest-green palette stays very close to it. Pick it for finance or editorial products that want a calm, print-like feel.

updated 2mo ago

4/5 · passedInstall