Halden Grotesk
Typefaces
A 9-weight variable neo-grotesk with real italics and tabular figures
- True italics for all nine weights
- Optical-size axis tightens spacing at large sizes
- Tabular figures for tables and dashboards
$120
5050 resources · licenses checked by hand
Design resources we'd put in our own files
Swatchyard is a short, hand-checked list of UI kits, icon sets, typefaces, illustrations and tools. Every listing says what's inside, what the license allows and where it falls short.
Featured
This month's featured resources
Paid
Rampsmith
Generates accessible 11-step color ramps and checks every pair for contrast
Ledgerline UI
A finance dashboard kit with 420 components and charts that use real numbers
Firstrun Archive
1,900 onboarding screens from 340 apps, tagged by pattern and step
Deskside Devices
80 photoreal device mockups with smart objects and Figma frames
Just added
Latest resources
50 resources in 7 categories, newest first.
- Paid
Halden Grotesk
Typefaces
A 9-weight variable neo-grotesk with real italics and tabular figures
Halden Grotesk is a neo-grotesk drawn for interfaces and brand work alike. It comes in nine weights from Thin to Black with true italics, not slanted romans, and a…
$120 - Freemium
Rampsmith
Color & tools
Generates accessible 11-step color ramps and checks every pair for contrast
Free / $6/mo - Paid
Ledgerline UI
UI kits
A finance dashboard kit with 420 components and charts that use real numbers
Ledgerline UI is a Figma kit for fintech and analytics products. It ships 420 components, 64 ready screens (accounts, transactions, invoices, cards, reports) and 38 chart…
$49 - Paid
Firstrun Archive
Inspiration
1,900 onboarding screens from 340 apps, tagged by pattern and step
$12/mo - Paid
Deskside Devices
Mockups
80 photoreal device mockups with smart objects and Figma frames
Deskside Devices contains 80 photographed scenes with phones, tablets, laptops and monitors on desks, in hands and on shelves. Each scene is a layered PSD with smart…
$39 - Paid
Contrast Ledger
Color & tools
A Figma plugin that audits every text layer in a file for contrast issues
Contrast Ledger scans a Figma page or whole file and lists every text layer that fails WCAG contrast against its actual background, including text on images and…
$8/mo - Paid
Hallway People
Illustrations
A character builder with 1,200 parts for drawing diverse, believable people
$49 - Open source
Orrin Sans
Typefaces
A humanist UI sans with Latin, Cyrillic and Greek under the Open Font License
Free - Paid
Easing Reel
Inspiration
400 micro-interaction recordings with durations and easing curves noted
$9/mo - Open source
Chromeless Frames
Mockups
Browser window frames in Figma, with auto-layout tabs and address bars
Chromeless Frames is a Figma library of browser windows for presenting web work: 30 variants covering light and dark themes, three operating-system styles, a minimal…
Free - Freemium
Quietboard Admin
UI kits
Admin panel templates in Figma and Tailwind HTML, with a usable free core
Free / $79
FAQ
Questions, answered
Can't find what you need? Read about how we work.
Can I use these resources in client and commercial projects?
Usually, but check the License line on each listing. MIT, OFL and CC0 items can go into commercial products. CC BY needs a credit. Paid fonts are licensed per desktop seat and per website or app, so a five-person team needs a five-seat license. When terms are unusual, we spell it out in the description.
How are resources picked?
An editor downloads the files and uses them in a real design: a dashboard, a marketing page, an app flow. We check components for broken auto-layout, icons for consistent strokes, fonts for kerning and missing glyphs, and we read the whole license. Roughly one in six submissions gets listed.
Do you get paid to list something?
No. Listing is free and no position on Swatchyard can be bought. Some paid resources link through an affiliate program, which pays us a small share of the sale at no cost to you. Those links are marked, and affiliate status never affects whether something gets in.
What do free, freemium and open source mean here?
Free means no payment, under the creator's own terms. Open source means a recognized license such as MIT or the SIL Open Font License, with source files you can modify. Freemium means a usable free tier plus a paid upgrade; we describe what the free part includes so you know where the line is.
How do you keep listings up to date?
Each listing shows the date the resource was last updated. Every quarter we recheck links, prices and licenses, and we remove anything abandoned for more than two years or whose license got worse. Creators can email us when they ship a major version.
Made something designers should use?
Submit your kit, font, icon set or tool. An editor reviews every entry by hand, and listing is free whether your resource costs nothing or $200.
Reply within 7 days, listed or not