Wink Pings

AI Design Reference Library: 15 Sites, Plus an Uncommon Way to Use It

AI-generated pages always feel a bit off. Vullnet Ademaj put together 15 design reference sites. A key point from the comments: don't stuff all your screenshots into the prompt; give each reference a specific task.

AI design doesn't lack generation capability; it lacks decent references. Vullnet Ademaj listed 15 sites on X, covering full sites, sections, CTAs, motion, landing pages, and communities. It's not a prompt collection; it's a hands-on reference library.

First, watch the video. The left side of the page is navigation, and the right side shows template previews, sections like Kernel and 404 Breakout, with some marked Pro section.

Here's the list, organized by use case:

Full-site and Page References

Sections and CTAs

Motion and Video

Resources and Community

In the replies, someone called cta.gallery a "sleeper": AI can make the hero section look quite good, but every button still says Get started. That observation is spot on. Another reply is more direct: assign each reference a task—this one handles spacing, that one handles typography, and another handles motion. Dumping 15 screenshots into the prompt all at once will only get you a "well-researched" mess.

Someone else asked whether to use scrolltide or 60fps first for motion references. There's no standard answer; it depends on whether you want prompts or visual references.

The list itself isn't complicated; the key is how you use it. Reference sites aren't a favorites folder; they're a toolbox. First get clear on which problem you're trying to solve, then go find the one that matches.

发布时间: 2026-11-02 14:50