Skip to content
Roman's notes

Web design galleries

Curated galleries for web design inspiration, grouped by what they collect. Most are narrow on purpose — one gallery per page element — which makes them far more useful than a general showcase when you are stuck on a single section.

Page sections

Section titled “Page sections”
  • Navbar Gallery — navigation bars and menus, the one element every site needs and few get right
  • Supahero — hand-picked hero sections
  • Unsection — website sections from known brands, filterable by type (hero, feature, pricing, testimonial); also ships a free SVG library
  • CTA.gallery — call-to-action blocks
  • Gridddy — narrower still: pre-footer CTA sections only
  • Footer — footers, sortable by type and style
  • 404s — creative error pages

Whole sites and landing pages

Section titled “Whole sites and landing pages”
  • Curated — live websites and landing pages reviewed one at a time, filterable by style or industry, linking straight through to the real site
  • landing.love — landing pages captured as full-page video recordings, so you see the scroll behaviour rather than a static screenshot
  • Saaspo — SaaS websites
  • SaaSFrame — SaaS websites plus product UI and email sequences
  • One Page Love — single-page websites, templates and resources
  • Recent — daily cross-discipline inspiration (web, branding, product, typography, motion, 3D, editorial, print, packaging) with separate galleries for OG images, app screenshots and app icons; godly.website now redirects here

Motion, layout and detail

Section titled “Motion, layout and detail”
  • Bento Grids — bento-box grid layouts
  • 60fps — UI/UX animation and interaction details from iOS and web apps
  • Design Spells — micro-interactions, easter eggs and small delightful details, tagged by platform and brand

Branding and social images

Section titled “Branding and social images”
  • Rebrand — rebrands and visual identities, including identity launches and reveal videos
  • One Page Love — OG Image Gallery — real Open Graph share images, the preview card your link renders as when someone posts it

For AI coding agents

Section titled “For AI coding agents”
  • Refero Styles — DESIGN.md files extracted from real product websites: colors, typography, spacing, components and design rules in a form an agent can read. Drop one into Claude Code, Cursor or a similar tool to give it a concrete reference instead of generic defaults. Beta, from the team behind Refero