Land-book

DESIGN.md for AI coding agents

Copy this into your repo or agent context. OFFICIAL and ESTIMATED values are labelled.

# DESIGN.md · Land-book (IN-001)

> Written for AI coding agents. Values marked **OFFICIAL** come from the documented source named below; values marked **ESTIMATED** were measured by us from our own screenshots and are approximate. Never treat ESTIMATED values as official brand tokens.

## Overview
- Type: Inspiration Gallery · Category: A. UI-UX Inspiration and References
- Platforms: Web
- Color theme: Monochrome light · Layout pattern: Card grid · Mood: Calm, image-first, browsable
- License / terms: Link-only. Site © Landbook Sp. z o.o.; featured sites © their creators; free browsing plus paid PRO plans. Terms forbid bots/scrapers, so no capture is stored
- Industry: Design community / inspiration
- Patterns: Gallery grid, Category index, Filter sidebar

A hand-picked website design gallery “updated daily”: 20,000+ website examples and 200,000+ categorised sections (hero, pricing, footer…), filterable by industry, style, type, typography, colour and platform, with boards, motion and headline galleries, a template marketplace and a $9/month PRO plan. We link to it and describe it; its Terms of Service forbid bots and scrapers, so the library stores no capture, only our own wireframe of how it is laid out.

### Analysis (ours)
Land-book is a classic inspiration gallery: a quiet light frame whose only colour comes from the full-page screenshots it shows. The interface stays out of the way, with page-type tabs and filters (industry, style, typography, colour, platform) above a uniform thumbnail grid, boards for saving and a detail page per site that, since a November 2025 redesign, puts screenshots, versions, sections, creators and colours up front. Use it for breadth (what do pricing pages, portfolio grids or SaaS heroes commonly look like this year?) rather than for award-level novelty. Lessons for your own galleries: keep thumbnails in one aspect ratio, let the content provide the colour, and put filters where people expect them. Because its terms forbid scraping, study it in your browser and keep only your own notes and sketches.

### Best practices (ours)
- Browse by section type (Hero, Pricing, Footer) when you are solving one specific block, not whole pages.
- Filter by industry first: patterns that work in SaaS often fail for e-commerce or editorial.
- Save to boards with a note on why you saved each item; a board of 30 unexplained screenshots isn’t useful later.
- Compare three or more examples of the same section before deciding, and look for what they have in common.
- Never copy a featured site’s layout pixel-for-pixel or reuse its imagery; take structure and principles only.
- Remember the gallery shows desktop screenshots; check the live site on a phone before borrowing a pattern.

### Deep analysis
Values marked OFFICIAL come from the cited official page, terms page or package file, fetched 2026-10-25 (UTC+8), logged out. ESTIMATED values were measured by us that day (file sizes, class counts). OURS is our interpretation, not legal advice.

#### What it is (OFFICIAL) · source: https://land-book.com/
- “Find the best hand-picked website design inspiration. We’re a curated website design gallery for Creatives, updated daily.” (land-book.com, via public search snippet, 2026-10-25).
- 20,000+ website examples and 200,000+ categorised sections “from Hero and Testimonials to Pricing and Footers” (land-book.com/pro).
- Pricing: “Use for free forever. $9 monthly for professionals.” Screenshot download and Copy to Figma are marked PRO only.

#### Layout and navigation (OFFICIAL) · source: https://land-book.com/changelog/new-main-navigation
- Main navigation (redesigned 19.04.2026): Websites, Sections, Mobile, New, Motion, OG Images, Headlines, plus Templates and Experts.
- Page-type tabs: Landing, Portfolio, Blog, Ecommerce, About Us, Career, Sign Up, Pricing, Case Study, Blog Post, Product listing, Product page.
- Filters: Industry (35+), Style (3D, Brutalism, Big Type, Pastel Colors…), Type (SaaS, Agency, Mobile App…), Typography (Display, Sans Serif, Serif), Color (seven hues) and Platform (Figma, Framer, Shopify, Webflow, WordPress); sort by recent, recommended, liked or viewed.
- Website detail pages (redesigned 10.11.2025) put screenshots, versions, sections, creators, colours and tags up front.

#### Terms that shape this entry (OFFICIAL) · source: https://land-book.com/terms-of-service
- Terms of Service (last updated January 2026; Landbook Sp. z o.o., Poland) prohibit using “bots, crawlers, or scrapers to collect or copy content”.
- Submitted sites are shared “for inspiration purposes only”; PRO is billed through Stripe.
- So this library stores no Land-book capture: only facts, links and our own wireframe.

#### UX analysis (OURS) · source: https://land-book.com/
- Content-first chrome: the UI is mostly neutral so the screenshots carry all the colour, a good model for any gallery.
- Sections as a first-class object is the key decision: designers usually need ‘a pricing block’, not a whole site.
- The filter set mixes objective facets (platform, page type) with subjective ones (style), which is useful but inconsistent between curators.

#### How to use it well (OURS) · source: https://land-book.com/
- Start from a section type, filter by industry, then save 5–10 candidates to a board with a note on each.
- Visit the live sites before deciding: screenshots hide motion, performance and mobile behaviour.

### Usage terms at a glance (our summary, not legal advice)
- Commercial use: Browsing is free; PRO costs $9/month. The featured websites belong to their creators: never copy a design or its assets
- Attribution: Credit the creator when you show or cite a featured site
- Redistribution: No. Terms forbid bots, crawlers and scrapers collecting or copying content
- How you get it: Website only; PRO adds screenshot download and Copy to Figma

## Color tokens
No official color tokens documented for this entry.

## Typography
No official type scale documented for this entry; use the product’s own typography guidance.

## Spacing, radii, shadows
Not documented for this entry. Do not invent values; derive from your own design system.

## Components
- Websites gallery (thumbnail grid)
- Sections gallery (Hero, Features, Pricing, FAQ, Footer…)
- Filters: industry, style, type, typography, colour, platform
- Sort: most recent, recommended, most liked, most viewed
- Boards (save websites or sections)
- Website detail page (screenshots, versions, sections, creators, colours, tags)
- Motion, Headlines and OG Images galleries
- Template marketplace
- Copy to Figma and screenshot download (PRO only)

## Layout rules
- Observed layout pattern: **Card grid** (from our captures).

## Do’s and don’ts
- Do: Keep chrome neutral and let content (images, icons, type) carry color.
- Don’t: Don’t introduce decorative color that competes with content.
- Do: follow the source’s license/terms listed above.
- Don’t: present ESTIMATED colors as official tokens.

## Related entries (ours)
- IN-002: Awwwards rewards experimental craft; Land-book is broader everyday landing-page inspiration. · https://design-library-byt.pages.dev/entry/IN-002
- WR-007: Framer sites are among the landing pages galleries like this showcase; study one in depth here. · https://design-library-byt.pages.dev/entry/WR-007
- LG-003: Dribbble is the shot-level counterpart for visual ideas. · https://design-library-byt.pages.dev/entry/LG-003
- MK-001: When you have picked a layout, Flowbite’s free sections let you rebuild it in your own brand. · https://design-library-byt.pages.dev/entry/MK-001

## Sources
- https://land-book.com/
- Library entry: https://design-library-byt.pages.dev/entry/IN-001