Home

›

The Gallery

The Gallery

HTML Inspiration is a gallery of real websites, not templates. Every site here is live, built by a real company or a real person, and was captured at desktop width so you can see the first screen exactly as a visitor does. Each entry comes with a short note on what the site does well and what you could borrow for your own.

You can browse by type below, or filter the whole gallery by style. The style labels describe the look of the first screen: minimal, editorial, bold typography, dark and so on.

  • SaaS: Software companies whose homepage has to explain an abstract product in one screen.
  • Portfolio: Personal sites of designers, directors and photographers, where the site is part of the work.
  • Ecommerce: Online stores that have to sell a product before the visitor can touch it.
  • Magazine and Blog: Publications built for reading, from print titles on the web to independent magazines.
  • Landing Page: Single pages built for one action, most of them the destination of an ad or a search.

Every site in the gallery

Atmospheric Bold Bold Typography Bright Campaign-led Cinematic Classic Clean Collage Colourful Commercial Content-heavy Conversion Corporate Dark Editorial Expressive Type Fashion Form-led Friendly Gradient Grid Illustrated Interactive Lifestyle Loud Luxury Minimal Monochrome News Offer-led Outdoor Photographic Playful Premium Product-led Rich Colour Science Soft Technical Trust-led Typographic Warm

  • Linear

    Linear opens on a near-black canvas with a single line of large Inter type: “The product…

  • Stripe

    Stripe still owns the flowing gradient that half the industry copied.

  • Notion

    Notion pairs a very large headline, close to 90px, with small hand-drawn sketches and a highlighted…

  • Vercel

    Vercel’s homepage is almost entirely black and white: a two-word headline, “Agentic Infrastructure,” set in Geist,…

  • Figma

    Figma sets “The full-stack creative canvas” in its own typeface beside a stack of overlapping design…

  • Basecamp

    Basecamp breaks the usual SaaS rules on purpose. The first screen is packed with a real…

  • Gumroad

    Gumroad leans into fun: “Go from 0 to $1” in 96px type, a warm off-white background…

  • DigitalOcean

    DigitalOcean uses a dark, misty landscape behind a short headline, “AI-Native Cloud,” and a row of…

  • HubSpot

    HubSpot sets its headline in a serif, which is unusual for software, and pairs it with…

  • Miro

    Miro keeps the brand yellow for a thin announcement bar and lets the canvas product fill…

  • Jens Bosman

    A videographer’s site built on giant white capitals over black, with black blocks cutting through the…

  • Clay Boan

    Clay Boan puts a huge blackletter “CLAY” in the middle of a black screen and keeps…

  • Eduard Bodak

    A designer and developer from Cologne with a simple promise: “Crafting Websites that Feel Good.” Cream…

  • Clément Grellier

    The name runs across the full width as a single word, “CLEMENTGRELLIER,” at more than 110px.

  • Sarah Oh

    A motion designer and 3D illustrator who introduces herself in one friendly sentence, with an emoji,…

  • Mikki Sindhunata

    A film director with a dance background, and the site opens like a film: a full-bleed…

  • Mat Voyce

    A type designer and animator who lets the letters do everything.

  • Alejandro Mejias

    A Melbourne experience designer who builds the page like a spec sheet: bracketed labels, a faint…

  • Marga Navarro

    A product designer who speaks directly to engineers, founders and designers.

  • Roberta Ungaro

    A Milan fashion photographer whose site is mostly white space and a numbered list.

  • Patagonia

    Patagonia leads with one product category, “Fleece,” over a candid outdoor photo, with simple pill buttons…

  • Allbirds

    A warm grey background, the Geograph typeface and a street photo of the shoes in use.

  • Away

    Away uses a single macro photograph of a suitcase detail with the line “The best, made…

  • Ooni

    Ooni puts the offer front and centre, “Price Drop,” over a pizza oven in action, then…