Playful Color (Design Taste by Mustafa)

4/5 out of 5. Read the verdict

Cobalt and banana-yellow blocks, heavy Bricolage Grotesque, thick black outlines and sticker tags. For D2C and youth apps.

Made by Ghulam Mustafa · 10 more skills

Playful Color (Design Taste by Mustafa)
After: Tally landing page, made with Playful Color (Design Taste by Mustafa)
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

Playful Color gives Tally a poster: heavy Bricolage Grotesque headlines with "a job" on a tilted cobalt block, a dotted cobalt and yellow panel behind the app card, and sections that switch between full cobalt, black and yellow. The dashboard keeps it going with a black sidebar, a huge "October is on track" headline, a cobalt "$640 left" card with an "Assign it" sticker and a black-and-yellow striped bar for the over-budget envelope. Two colors are used with discipline and both pages hold up on a phone; a bill notice in the hero covers one envelope row. Pick it for consumer, education or event products that want energy.

Compare with Neobrutalism (Awesome Design Skills)

Pick it for

  • D2C brands
  • consumer apps
  • education and youth products
  • events

Skip it for

  • quiet premium brands
  • conservative finance

Observations

  1. a bill notice in the hero covers the Rent row

Install

1 Run in your terminal

npx degit madebymustafa/design-taste/skills/playful-color#main .claude/skills/playful-color

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 playful-color folder from this repo.

Details

Made by

Ghulam Mustafa

United Kingdom · Toptal

I'm just here for the vibes, man

Is this you? Claim it

Type
Skill
GitHub stars
178*
Updated
2mo ago
License
MIT

Test runOpus 5.5Claude Code 2.1.303Oct 20, 2026generated in 4 minabout $0.99 at API pricescommit c4a6bff

* Stars are for the whole madebymustafa/design-taste 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/design-taste-mustafa-playful-color.svg)](https://skillsfordesign.com/s/design-taste-mustafa-playful-color/)

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 3 out of 5

Minimalist UI (Taste Skill)

Skill · Visual directionGitHub stars 99k

Minimalist UI goes almost monochrome: off-white, near-black type and Geist, with Newsreader italics for emphasis and soft Notion-like color tags. It's calm and editorial, a clear step away from the baseline, but the mobile dashboard scrolls sideways. Pick it for quiet products that let the content lead.

updated today

Passed, score 3 out of 5

Flat (Awesome Design Skills)

Skill · Visual directionGitHub stars 3.3k

Flat gives Tally solid color blocks with no shadows or gradients: Inter type, a bright tangerine, tinted feature cards and an orange "how it works" band. The dashboard uses a dark sidebar and one tangerine tile for "Left to budget", with a bright color per envelope. It is clean and cheerful. Pick it for friendly products that want a simple, flat look.

updated 4mo ago

Passed, score 3 out of 5

Dark Glass Clean Layout (Meng To)

Skill · Visual directionGitHub stars 6.8k

Dark Glass Clean Layout is the neutral version of dark mode: near-black zinc surfaces, frosted cards, Inter with mono labels and almost no color beyond a pale green. It looks expensive and quiet, but both pages scroll sideways on a phone. Pick it for premium, understated products.

updated today

Passed, score 4 out of 5

Editorial Portfolio Chapters (Meng To)

Skill · Visual directionGitHub stars 6.8k

Editorial Portfolio Chapters tells the Tally story in color-blocked chapters: clay, sage, mist and ochre panels on a black page, Inter Tight headlines and a hot orange signal color. The dashboard carries the same muted chapter colors into the envelope bars and ends on a big orange call to action. Pick it if you want a confident, art-directed product that still reads cleanly.

updated today

4/5 · passedInstall