A better starting point
for your next website.
Find real websites you love. Understand the layout, colors, and typography. Bring that direction into your own project—with your AI, your designer, or your usual tools.
From inspiration to a clear brief.
Choose a reference with a purpose.
Search the homepage by brand, layout, or idea. Choose Website inspirations for page layouts, or Design styles for visual direction. The Design styles archive also lets you explore by industry, theme, and style.
Start with the page you need: a landing page, pricing page, about page, or something else.
Notice what makes it work.
Open a reference and inspect its screenshot. On website inspirations, choose View full page to see the rest of the layout. Look at the order of sections, the main action, and how headings guide your eye.
Use the available typography and color details to describe what you like.
Save a small shortlist.
Tap the bookmark beside a title. Sign in to keep your saved references with your account and access them on another device. Without signing in, favorites stay in that browser.
Pick a few references with specific strengths instead of collecting dozens with no direction.
Bring the reference into your workflow.
Download a design brief and share it with your AI or designer. Or connect a compatible AI app, open Use with AI on a reference, and use its suggested prompt.
Explain your audience, content, and goal. Ask for an original design that adapts the useful ideas.
What can this help you build?
Styles Library gives you the references and design context. Your AI, designer, or website builder turns that direction into the finished work.
A product landing page
Find a strong hero, a clear product explanation, and a useful section sequence. Use them to plan a page for your own offer.
A pricing or conversion page
Compare how sites explain plans, answer questions, and make the next step clear. Adapt that structure to your actual pricing and benefits.
A portfolio or business website
Explore typography, spacing, and color directions that suit your work. Build a consistent direction for your home, about, and contact pages.
A redesign or client brief
Show what you mean before anyone starts building. Save references and explain which layout decisions you want to bring into the project.
Give your AI something specific to work with.
After connecting your AI or attaching a downloaded brief, try this. Replace the bracketed details with your own.
Use [reference name or link] from Styles Library to help me design a landing page for [product], for [audience]. The main action is [goal].
First, inspect the available screenshot and design details. Explain three useful layout decisions. Then propose an original page outline using my content and brand. Include the mobile layout. Ask me for anything missing before building.
Use the reference for direction; do not copy its logo, wording, or imagery. Distinguish observed details from your suggestions.
If your AI cannot access the image, attach a screenshot you can use alongside the brief. A link alone does not mean every app can see it.
Start with one page.
Choose a reference, save it, and use its brief to plan your next build. You can browse the library for free; account usage and available plans are shown in your account.