Contemporary (Awesome Design Skills)
3/5 out of 5. Read the verdictCurrent-era minimal design with bento grids, dark mode support and accessible layouts. From bergside's Awesome Design Skills.
First screen only. Switch to side by side to read the full pages.
Scroll either page; the other follows.Full Contemporary (Awesome Design Skills) pageFull baseline
Every skill gets the same Tally brief, alone in a clean project. How we test
Our verdict
3/5 out of 5
Passed the cut
Contemporary gives Tally a white page with magenta-to-pink gradient accents, Jost type and a bento grid of feature tiles. The dashboard leads with a gradient "$640 left to budget" card over light tiles. It is clean and current, and the magenta keeps it from looking like the default. Pick it for modern consumer or creator products.
Pick it for
- modern consumer apps
- creator and social products
- SaaS landing pages
- bento-style dashboards
Skip it for
- conservative finance brands
- enterprise tools
- editorial sites
Typography
Colors
Observations
- the magenta gradient is the only strong idea; the rest is a standard bento layout
Install
1 Run in your terminal
npx degit bergside/awesome-design-skills/skills/contemporary#main .claude/skills/contemporary2 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 tested the contemporary skill from this repo.
Details
- Type
- Skill
- GitHub stars
- 3,255*
- Updated
- 4mo ago
- License
- MIT
- Best for
- Visual direction
Test runOpus 5.5Claude Code 2.1.303Oct 18, 2026generated in 7 minabout $1.53 at API pricescommit f631a09
* Stars are for the whole bergside/awesome-design-skills 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
[](https://skillsfordesign.com/s/awesome-design-skills-contemporary/) 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. Live within a few days.
How it will look
Thanks, we have it.
We'll check the repo and email you when your name is on the listing.
Similar
Same brief, other skills
Liquid Glass Design (ECC)
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
Impeccable
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
Hallmark
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
Huashu Design
Huashu swaps Fraunces for Bricolage Grotesque and puts a lime highlighter on a deep forest green. It keeps envelopes as real kraft cards and carries the look into a tidy dashboard. A safe, distinct choice for consumer finance.
updated 4d ago
Also for these tasks
Corporate (Awesome Design Skills)
Corporate gives Tally a clean enterprise look: a 12-column grid, Poppins headings over Open Sans, blue as the main color and violet accents. The dashboard has a white sidebar, summary cards and a tidy envelope grid. It is safe and orderly, but the mobile dashboard scrolls sideways. Pick it for B2B products that want to look established.
updated 4mo ago
Modern (Awesome Design Skills)
Modern gives Tally a deep purple hero with large light IBM Plex Serif headlines, JetBrains Mono labels and thin dividing lines. The dashboard uses a purple sidebar with the household switcher and white cards. It is calm and polished, and the purple keeps it away from the default look. Pick it for editorial-leaning product pages.
updated 4mo ago
Enterprise (Awesome Design Skills)
Enterprise gives Tally a dark cloud-console look: near-black pages, IBM Plex Sans, glass-like panels on an 8pt grid and a brand blue for buttons. The dashboard is dense and readable, with green, amber and red only for status. It is clean and clearly not the default, though it looks like many dark admin consoles. Pick it for dark B2B dashboards.
updated 4mo ago
Square (Awesome Design Skills)
Square gives Tally lots of white space, light large Google Sans headings, Anonymous Pro figures and a blue accent with violet touches. The dashboard puts a dark "Left to budget" card first, with red and amber for status. It is polished but generic. Pick it as a clean, light base.
updated 4mo ago