4 Free Website Design Galleries: Menus, Buttons, 404 Pages, and Bento Grids

Your site looks cheap, and it's hard to explain why. The fonts seem fine, the colors are chosen, but there's no feeling of quality. Most often it comes down to small things: the menu, the buttons, the error page, the block grid.

The good news: each of those small things has its own gallery of ready-made examples. Below are four that open without registration or payment (checked on October 15, 2026), and a way to turn them into a working tool for an AI.

1. Menus: navbar.gallery

Navbar Gallery collects examples of navigation menus. The page headline reads "Best Navbar Design Inspiration Websites," and that fits the site. Examples are split by type: static menu, dropdown, mega menu, sidebar, search bar, announcement bar, full-screen menu, and breadcrumbs.

Why it matters to you: the menu is the first thing a visitor sees. When it's done neatly, the whole site feels more put together. Look at how menus are built on sites in your niche and pick the type that fits your number of sections.

2. Buttons and calls to action: cta.gallery

CTA Gallery shows buttons and calls to action. The site describes itself as a curated collection of calls to action that inspires and helps increase conversion. It has sections for buttons, forms, pop-ups, newsletters, and subscriptions.

What it's good for: if nobody notices your "Book a call" button, check how it looks and what it says. Find an example you like there and look at the size, color, and text on the button.

3. Error pages: 404s.design

404s.design calls itself "404 pages worth finding." It's a collection of the pages that appear when a visitor follows a broken link.

It might seem like a detail. But an empty page with gray text looks abandoned. A 404 page with a clear message and a "Back to homepage" button leaves the impression that someone is looking after the site.

4. Bento grids: bentogrids.com

Bento Grids collects block grids you now see often on landing pages: one large card and several smaller ones, all neatly aligned. A grid like this suits a "what's inside," "what the service includes," or "your benefits" block.

If you currently have a column of identical bullet points in that spot, a bento grid can vary the presentation and make the page richer visually.

How to use the galleries together with an AI

One reason for a cheap look is that you describe the design to the AI in words. The word "beautiful" tells it nothing, so the model picks the most average option. The galleries fix this: you show a finished example instead of explaining.

The workflow looks like this:

1. 1. Open a gallery and choose one example close in spirit to your site.
2. 2. Take a screenshot or save the link to the example.
3. 3. Send it to the AI or to the agent that builds your site and write: "Make a menu with a similar structure for my site, and use my colors and texts."
4. 4. Check the result on your phone, not just on a computer.

Here's an example of wording for the agent that builds your site: "Here's a screenshot of a menu I like. Make a similar structure and spacing between items, but keep the colors, fonts, and texts from my site. Don't copy logos or images from the example." A request like this is clearer than "make it look nice," because the model has a sample and a clear boundary: what to take and what to leave.

It works in reverse too. Take your own site, find a similar block in the gallery, and compare. The difference will show right away what's missing: air, contrast, or aligned spacing.

What not to do

Don't copy someone else's block one to one. Take the principle: the structure, the proportions, the placement of the accent. The colors, texts, and images should always be yours. And don't assemble everything at once from all four galleries: a site where every detail comes from a different style looks as cheap as a site with no considered style.

For why sites built by an AI agent look cheap and how to fix it with wording, read the article Why Your AI-Built Site Looks Cheap, and How to Get a Premium Design From an AI Agent.

We've collected ready-made phrases for asking an AI to make a site look more expensive into a free guide. It contains four techniques, an instruction for the agent that you can copy, and a nine-point acceptance checklist. Message the word САЙТ to the bot @Assistant4experts_bot and it will send you the guide. Before delivering it, the bot will ask you to subscribe to the channel «Растём с ИИ» ("Growing with AI").