Free Design Resources: Icons, Fonts, Colors, Mockups

I keep running into the same wall when I start a new landing page with an agent. The code comes out fine on the first try, but the page looks bare, because nobody has picked a color, a font pair, or an icon set for it yet, and the agent just fills the gaps with whatever default it has.

So before I even describe the layout, I open one page and pull three or four things from it, and only then I tell the agent what to build with them.

The list calls itself a collection of high quality resources and tools used by UI/UX designers in daily work, and that description holds up. It is one long page split into sections: stock photography, color, icon and logo, typography, toolkit, prototyping, mockup, and user testing, and it even points to Apple's own Human Interface Guidelines further down, next to design awards and podcasts. Nothing to install and nothing to run, just links sorted by what each one is for.

1How to use it with your agent

I do not read the whole page top to bottom. I go straight to the four sections that cover what a landing page actually needs on day one.

Once I have the palette, the font names, and an icon set picked, I give the agent all of it in one message, so it does not have to guess and does not fill the page with a random default look.

Load the fonts Inter and Poppins from fonts.google.com (Inter for body text, Poppins for headings). Set the button color to #2F6FED, from a palette I picked on coolors.co. Add icons from simpleicons.org next to each feature card.

2Not everything on the page is free

The Toolkit and Prototyping sections list paid software, Figma and Sketch among them, so that part is not for a vibe coder on a budget. The sections I actually use are a different story. Font Squirrel, one of the entries under Typography, states outright that its fonts are free for commercial use, and Simple Icons, BrowserFrame, Coolors, and Color Hunt work the same way, no account and no payment to get what you need.