Information ArchitectureTYPENORMLabs5 minAugust 21, 2026

Lapa Ninja UX Teardown: 7,462 Landing Pages, One Filter at a Time

A UX teardown of Lapa Ninja's design archive: the site records five axes of metadata per entry and lets you browse by exactly one of them, so a decade of collecting solves storage and leaves retrieval to the visitor.

Lapa Ninja has been saving landing pages since 2015. There are 7,462 of them now, and the number sits directly under the headline on the index page, because the number is the pitch. One screen further down, that same page starts handing them over twenty-four at a time across 311 pages, with eleven category pills above the grid that each replace the last one you picked. Collecting a decade of the web's marketing pages is a real achievement. Getting to the one you need is still entirely your problem.

The index tells you the size, then gives the good seat to an ad

Here's the path a visitor with no specific query takes — index, one category, one entry:

1 / 3

The full index

The index states the scale in one line — 7,462 curated websites — and then gives the prime slot under it to a display ad, not to a result. Eleven category pills follow, with 'All' selected and 'View All' at the end of the row; below them the grid starts. There is no search field in the page body and no filter rail beside the results, so the pills are the whole apparatus, and the pager at the bottom of this page reads Page 1 of 311.

View full flow (3 screens)

The first screen is honest about scale. 7,462 curated websites for designers and developers, then a pager at the foot of the page reading Page 1 of 311 and a line confirming you are looking at 24 of 7,462. No infinite scroll pretending the pile has no bottom. You are told the size of the room you just walked into.

The band directly beneath the headline, where the first results would sit, goes to a display ad instead. Browsing is free here, so the money has to come from somewhere. The arithmetic of that trade is on screen: the opening view of a 7,462-item archive contains none of its 7,462 items.

Narrowing is a swap, not a stack

Tap SaaS and the set drops from 7,462 to 691. Almost nothing else moves.

One category deep
One category deepChoosing SaaS is the only narrowing move available, and it changes almost nothing on screen: same pill row with SaaS lit, same ad in the same slot, same grid, same pager. It also drops the count — the index says 7,462, this page just says 'Discover saas website designs' — so the one number that told you how much work was left disappears exactly when you start doing the work. Nothing stacks: picking a second pill replaces SaaS rather than adding to it.

Same pill row with SaaS lit, same ad in the same slot, same grid, same pager. Tap a second pill and it doesn't join SaaS. It replaces it. There is no way to hold SaaS and add minimal, or 2026, or dark. NN/g's distinction is the one at stake: filters and facets both shrink a large set, but facets combine and filters don't. Lapa Ninja's pills are laid out like a facet bar and behave like a radio button.

The nav does one thing well here. It prints the count beside every category before you click — Business 2,453, Minimal 3,051, 3D Websites 156 — so the size of a slice is a decision input rather than a surprise.

Then the count vanishes at the door. The index says 7,462; the SaaS page says only Discover saas website designs. The number that told you how much work was ahead is dropped at the exact moment you start doing the work.

The entry page is the reason to be here

The single entry
The single entryThe entry page is where the archive earns the trip: the site's own one-line pitch, Visit Website, Save, Prev/Next arrows for walking the shelf, and a full website video recording of the real page scrolling. The 'Website Details' panel files this one entry under five axes at once — Category, Color, Typeface, Collection, Published — and every chip is a link to a separate single-axis archive, so the structure the site keeps per item is exactly the structure browse won't let you combine. An ad sits above the first screenshot.

One page carries the site's own one-line pitch, a Visit Website link, a Save, Prev / Next arrows for walking the shelf, a full video recording of the real page scrolling, and the marketing site broken into named full-page screenshots — Home, Introducing Reports, Security, OG Image. A visitor can study a live product site end to end without leaving, for free. That is a lot of work per record, kept up across 7,462 records.

The tagging is finished; the query layer was never built

The Website Details panel on that same page files the entry under five axes at once. Category (Technology, Education, Product). Color (White, Black). Typeface (ABC Oracle). Collection (Sans-Serif). Published (2026).

Every chip is a link. Every link goes to a separate single-axis archive: /category/technology/, /typeface/abc-oracle/, /year/2026/. Hundreds of results each, back to twenty-four at a time.

So the structure needed to answer dark SaaS sites from 2026 set in a sans-serif is already written down, per record, on every one of 7,462 entries. It just can't be asked as a question.

The homepage doesn't ask what you came for

Homepage — hero through footer
Lapa Ninja — HomepageA ten-year landing-page archive whose homepage is a magazine issue: curation, ads, paid templates and tutorials in one scroll.

Twelve thousand pixels, and five kinds of thing in them: a featured strip with written reasons, the latest-inspiration grid, an OG-images shelf, paid Webflow templates at $29 to $129, free books, tutorials. Sponsored cards sit inside the curated grid in the same frame as the curation, labelled but not separated. Between sections there is either a display ad or a Discover more box of unrelated links, and most section subheads end with a blue pill styled exactly like a primary button that leads somewhere else entirely.

It reads as one page only because the chrome around the thumbnails is so quiet. All the colour comes from the work itself. That restraint is doing a lot of load-bearing work, and it is also the reason the sponsored cards blend in.

The test to run on your own catalog

Steal the counts. Printing 2,453 next to Business before anyone clicks costs one number in a template and turns a blind click into a priced one.

Now run the count that matters. Count the axes your records carry. Count the axes your browse surface will combine. If the second number is 1, you have built a warehouse with a good front door, and every visitor who arrives knowing roughly what they want will leave having looked at whatever came up first.

Free UX Snapshot for 50 Product Teams

Apply now and get a complimentary UX Snapshot — our rapid clarity audit delivered in 48 hours. Limited to the first 50 products.

Apply for Free UX Snapshot

Related

Information Architecture

Wireframing: From Lo-Fi to Hi-Fi (and What Each Wireframe Is For)

Fidelity isn't a quality ladder you climb. What a wireframe is supposed to settle, what lo-fi, mid-fi, and hi-fi each buy you, when a mood board is the right artifact instead, and the failure mode that costs teams a sprint.

TYPENORMLabs · 8 min · September 5, 2026

Information Architecture
Interaction Design
Web

Information Architecture

WIRED UX Teardown: One Category Template, Three Different Jobs

A UX teardown of WIRED's category pages: the same template runs Business, Science and Reviews, and what each one puts in its first rail gives away what the section is actually for.

TYPENORMLabs · 5 min · August 31, 2026

Web
Media & Entertainment
Information Architecture

Information Architecture

Webflow UX Teardown: $15, $25, $2,500, and a Footnote That Changes All Three

A UX teardown of Webflow's public pages: the homepage argues entirely in revenue, the product page won't let you self-serve, the marketplace shows no price at all. Then the pricing page hides its real variable in a two-word footnote.

TYPENORMLabs · 6 min · September 3, 2026

Web
SaaS
Information Architecture