Mockup Catalog is an independent website that explains how designers present and build their work: what a design mockup is and how it is made, how type choices shape a page, and the principles behind clear user interfaces.
What we cover
- Mockups: device, packaging, print, apparel and branding mockups, how smart objects and frames work, shooting your own mockup photos, and how mockups differ from wireframes and prototypes.
- Typography: type classification, font pairing, hierarchy, spacing, variable and web fonts, and how font licences work.
- UI Design: interface principles, UI kits and design systems, icons, colour, grids, responsive layouts and accessibility.
Independence
Mockup Catalog is a guide, not a download site. It does not host, sell or give away mockup templates, fonts, icons, UI kits or other design files, and it is not affiliated with any designer, type foundry, marketplace or software company. Products and tools are named only to explain how they work, and the site is not paid to recommend any of them.
General information
Articles about licences are general information, not legal advice. Always read the licence that comes with a font or template and ask the rights holder if anything is unclear.
Corrections
If you spot an error, please let us know through the contact page.