The Inspire blog
Good references.
Better decisions.
Make the next design decision clearer.
Practical guides for designers and SaaS founders working on design. Explore useful tools, study product examples and bring a clearer brief to the next review.
Icon libraries for UI design: compare geometry, coverage and licences
Choose an icon source around the product vocabulary, required variants and handoff. Seven libraries with an original coverage worksheet.
Read the guide
Logo brief template for a SaaS product: scope, inputs and review
An original reusable logo brief template, a filled fictional SaaS example and practical checks for scope, inputs and accountable review.
Read the guide
UX research templates: choose the document the study needs
Choose among three inspected public research artifacts by their actual fields and access routes, then identify the project work each still needs.
Read the guide
Color wheels: use relationships to explore a palette systematically
Six colour-wheel resources and a repeatable hue exercise for designers and SaaS founders.
Read the guide
Browser mockups for SaaS presentations: keep the interface readable
Choose browser context without shrinking the interface detail the audience needs to understand.
Read the guide
Website color schemes: six real examples beyond the swatch
Six published website references show why the area, imagery and boundaries around a color matter as much as a saved palette.
Read the guide
Editable illustrations: choose the source that supports the change
A matching preview does not guarantee the same editing control. Inspect the actual source, make one controlled change and retain a separate delivery export.
Read the guide
Wireframe examples: three layouts, each wide and narrow
Three original wireframe examples, each in wide and narrow form, show how to preserve scope, navigation and source attribution before detailed styling.
Read the guide
UI animation examples: reveal, layer and reorder without losing context
Study an accordion, dialog and reorder grid with a clear distinction between operated states, source implementations and proposed review questions.
Read the guide
Navigation design examples: labels, groups and destinations
Six published Inspire references show different grouping rules and disclosure depths. Compare actual desktop states and create a traceable navigation brief.
Read the guide
Free font websites: six sources and the licence checks that matter
Six font sources, the limits behind “free,” and a licence-first exercise for choosing website and interface type.
Read the guide
UI kits and component libraries: choose the layer your prototype needs
Six resources, one practical decision: whether a prototype needs editable design assets, coded primitives or a fuller system.
Read the guide
Color palette tools: compare generation, curation and UI previews
Choose tools for exploration, harmony or contextual preview, then turn the selected palette into named roles and checked color pairs.
Read the guide
Font pairing: compare hierarchy and contrast with a shared page layout
Compare combinations using the same content, keep a one-family control, and document which role each selected face performs.
Read the guide
Onboarding illustrations: support a task without adding visual clutter
Choose artwork around the task, state and next action, then test whether it supports the complete screen instead of competing with it.
Read the guide
Free mockups: check licences, source files and commercial-use terms
Check the source, output and permitted handoff before building a presentation around a free mockup.
Read the guide
Graphic design software: compare workflows, files and collaboration
Choose graphic design software around the actual work: campaign layouts, editable images, original illustration and product design.
Read the guide
Portfolio website examples: compare positioning and project selection
Six portfolio references from Inspire, with a practical way to select relevant work and make the contribution behind each project understandable.
Read the guide
Landing page examples: compare design decisions by page goal
Six published references across software, a game, hardware, a creator campaign and services, compared by the decision each page asks a visitor to make.
Read the guide
Variable fonts for websites: weights, axes and implementation trade-offs
Turn a variable font file into a clear handoff: supported axes, approved text roles, actual assets and implementation evidence.
Read the guide
Free wireframe tools: six options for a clearer SaaS design
Six free-entry options, clear tradeoffs and a worked customer flow. Choose a starting point for the design conversation that needs to happen.
Read the guide
SaaS website examples: six design approaches worth studying
Six websites, the decisions behind their designs, and the risks of copying them. Turn a useful reference into a practical brief.
Read the guideUseful enough to put to work.
Our guides explain the selection, the tradeoffs and the sources. Pricing and product claims carry a review date. Design observations are ideas to test in the context of the product.
Explore the Resource Box →Subscribe via RSS →