Websites
171 sample sites. Every trade, designed more than one way.
A working library of website designs covering 82 kinds of business. Most trades appear twice, taken in two deliberately different directions, so you can see the same brief solved a calm way and a loud way. These are real pages, not pictures of pages: open one on your phone, scroll it, click through it.
** Please note: every business name, price, figure, review and photograph in these samples is a placeholder. Nothing here represents a real company or a real offer.
Every business name, price, statistic, review, address and phone number in these samples is invented. Photography in the original industry sets is licensed stock and does not show real premises, staff, products or properties. Everything in the newer sets is generated artwork rather than photography. Prices appear as ₱000 and lending rates as 0.00% so nothing can be mistaken for a real offer. All forms are inert. These pages exist to show layout, typography and interaction. The words and pictures are replaced with yours.
Food and drink
26 sample sites
Minimal café
Cream and ink, didone menu board, ticker band, journal notes, corner seat story.
Warm café
Cream and espresso, a two column menu, gallery strip, story section, visit cards.
Tasting menu
Charcoal and copper, full screen hero, seven course menu, quote band, reservations.
Order led
Red and butter yellow, a six item menu grid, combo promo, branches, delivery stats.
Pan de Sal Society · Quiet luxury
Wide letterspacing, thin rules and a great deal of space. Restraint doing the persuading.
Harina · Swiss grid
Hairline rules, a strict grid and small caps labels. Nothing is decorated that does not need to be.
Pit 44 · Arches
Arched artwork, warm neutrals and centred type. Boutique without tipping into wedding stationery.
Low & Slow · Technical mono
Monospace, bracketed labels and a faint dot grid. Reads like documentation, in a good way.
Mesa Catering · Product deck
A software marketing page. Chips, tidy cards and a stat row, built to be scanned rather than read.
Long Table Co. · Poster type
The headline is the design. Type at poster scale over a colour field, with everything else kept quiet.
Ember & Rye · Swiss grid
Hairline rules, a strict grid and small caps labels. Nothing is decorated that does not need to be.
Sala Bar · Organic curves
Curved section edges and rounded artwork. Warm and unthreatening, for trades and family businesses.
Mainmast Beer Co. · Editorial
A magazine setting. Serif display, ruled dividers, a drop cap and columns that behave like print.
Kanto Brewing · Diagonal bands
Angled accent bands cutting across the page, with sections that lean into the diagonal.
Ruta 9 · Soft cards
Generous radii, quiet shadows and a lot of breathing room. Approachable without being childish.
Kalye Kitchen · Collage zine
Cut and paste energy. Cards sit slightly off axis, labels look stuck on, nothing lines up perfectly.
Sorbetero · Bento grid
Asymmetric tiles of different sizes packed into one grid, in the style of a product landing page.
Cold Room · Console
A console readout. Monospace, scanlines, a blinking caret and labels that look like output.
Forno Trece · Neo brutalist
Thick black borders, hard offset shadows and one very loud accent colour doing all the shouting.
Slice Union · Stacked panels
Full width colour panels stacked one after another, each one owning the whole viewport width.
Tonkotsu Ten · Extreme minimal
Almost nothing on the page. One accent hairline, small type and a great deal of empty space.
Bone & Noodle · Dark glow
A dark canvas with a single glowing accent, thin rules and a lot of letterspaced uppercase.
Ito Sushi · Ruled cells
Everything lives inside a ruled cell. A spreadsheet turned into a layout, on purpose.
Edomae House · Sticky split
A two column rhythm where the heading holds still while the content beside it scrolls past.
Quiet Leaf · Single column
One narrow column all the way down, set like a long read. Nothing competes with the words.
Ilog Tea Rooms · Gradient glass
A soft gradient field behind frosted panels. Modern product marketing without the stock photography.
Retail and goods
21 sample sites
Trade distributor
Steel and safety orange, catalogue categories, capability rows, coverage, quote form.
Retail chain
Terracotta and linen, room categories, promo band, weekly picks, branches, rewards.
B2B distributor
White and cobalt, category tiles, an order portal pitch, route and cut off table.
Marginalia · Quiet luxury
Wide letterspacing, thin rules and a great deal of space. Restraint doing the persuading.
The Third Shelf · Diagonal bands
Angled accent bands cutting across the page, with sections that lean into the diagonal.
Clay & Kiln · Arches
Arched artwork, warm neutrals and centred type. Boutique without tipping into wedding stationery.
Terra Studio · Soft cards
Generous radii, quiet shadows and a lot of breathing room. Approachable without being childish.
Sombra Studio · Bento grid
Asymmetric tiles of different sizes packed into one grid, in the style of a product landing page.
Halo Atelier · Single column
One narrow column all the way down, set like a long read. Nothing competes with the words.
Joinery No. 6 · Technical mono
Monospace, bracketed labels and a faint dot grid. Reads like documentation, in a good way.
Narra & Oak · Sticky split
A two column rhythm where the heading holds still while the content beside it scrolls past.
Aurelia Fine · Editorial
A magazine setting. Serif display, ruled dividers, a drop cap and columns that behave like print.
Kiln & Karat · Gradient glass
A soft gradient field behind frosted panels. Modern product marketing without the stock photography.
Second Skin · Ruled cells
Everything lives inside a ruled cell. A spreadsheet turned into a layout, on purpose.
Maison Sereno · Dark glow
A dark canvas with a single glowing accent, thin rules and a lot of letterspaced uppercase.
Fern & Fig · Product deck
A software marketing page. Chips, tidy cards and a stat row, built to be scanned rather than read.
Verde Room · Collage zine
Cut and paste energy. Cards sit slightly off axis, labels look stuck on, nothing lines up perfectly.
Nine Drops · Extreme minimal
Almost nothing on the page. One accent hairline, small type and a great deal of empty space.
Lumira Skin · Stacked panels
Full width colour panels stacked one after another, each one owning the whole viewport width.
Kicks Lab · Neo brutalist
Thick black borders, hard offset shadows and one very loud accent colour doing all the shouting.
Sole Depot · Console
A console readout. Monospace, scanlines, a blinking caret and labels that look like output.
Health and wellness
18 sample sites
Award tier
Bone canvas, electric indigo, marquee band and treatment cards on a scroll-driven horizontal rail.
Warm boutique
Cream and forest green, serif headlines, arch photography, care plans and a booking form.
Clean and reassuring
White and teal, service cards with prices, dentist profiles, reviews, FAQ and a booking block.
Bold and technical
Near black and lime, technology cells, treatments as a price accordion, four step process.
Ironworks Gym · Poster type
The headline is the design. Type at poster scale over a colour field, with everything else kept quiet.
Basecamp Strength · Organic curves
Curved section edges and rounded artwork. Warm and unthreatening, for trades and family businesses.
Meridian Family Clinic · Bento grid
Asymmetric tiles of different sizes packed into one grid, in the style of a product landing page.
Northside Health · Console
A console readout. Monospace, scanlines, a blinking caret and labels that look like output.
Fuel Clinic · Extreme minimal
Almost nothing on the page. One accent hairline, small type and a great deal of empty space.
Plate & Plan · Dark glow
A dark canvas with a single glowing accent, thin rules and a lot of letterspaced uppercase.
Green Cross Chemist · Single column
One narrow column all the way down, set like a long read. Nothing competes with the words.
Botica Nueva · Gradient glass
A soft gradient field behind frosted panels. Modern product marketing without the stock photography.
Anchor Therapy · Neo brutalist
Thick black borders, hard offset shadows and one very loud accent colour doing all the shouting.
Quiet Harbour · Stacked panels
Full width colour panels stacked one after another, each one owning the whole viewport width.
Paws & Practice · Editorial
A magazine setting. Serif display, ruled dividers, a drop cap and columns that behave like print.
Companion Vets · Diagonal bands
Angled accent bands cutting across the page, with sections that lean into the diagonal.
Anahata Studio · Quiet luxury
Wide letterspacing, thin rules and a great deal of space. Restraint doing the persuading.
Still Point Yoga · Swiss grid
Hairline rules, a strict grid and small caps labels. Nothing is decorated that does not need to be.
Personal care
9 sample sites
Bright studio
White and coral, treatment cards, a three step flow, memberships, FAQ and booking.
Dark resort luxury
Plum and gold, full screen hero, signature journeys, membership tiers, reservations.
Quiet and editorial
Sage and stone, a treatment list with durations and prices, therapist profiles.
Cutthroat Co. · Ruled cells
Everything lives inside a ruled cell. A spreadsheet turned into a layout, on purpose.
Chair Nine · Sticky split
A two column rhythm where the heading holds still while the content beside it scrolls past.
Wag & Wash · Soft cards
Generous radii, quiet shadows and a lot of breathing room. Approachable without being childish.
The Grooming Room · Collage zine
Cut and paste energy. Cards sit slightly off axis, labels look stuck on, nothing lines up perfectly.
Needle & Ink · Arches
Arched artwork, warm neutrals and centred type. Boutique without tipping into wedding stationery.
Black Lantern Tattoo · Technical mono
Monospace, bracketed labels and a faint dot grid. Reads like documentation, in a good way.
Creative and culture
14 sample sites
Espacio Norte · Bento grid
Asymmetric tiles of different sizes packed into one grid, in the style of a product landing page.
Vault Contemporary · Single column
One narrow column all the way down, set like a long read. Nothing competes with the words.
Meridian Pictures · Neo brutalist
Thick black borders, hard offset shadows and one very loud accent colour doing all the shouting.
Third Reel · Console
A console readout. Monospace, scanlines, a blinking caret and labels that look like output.
The Harbour Museum · Editorial
A magazine setting. Serif display, ruled dividers, a drop cap and columns that behave like print.
Casa Historia · Gradient glass
A soft gradient field behind frosted panels. Modern product marketing without the stock photography.
Halcyon Bay · Swiss grid
Hairline rules, a strict grid and small caps labels. Nothing is decorated that does not need to be.
NOCTA · Organic curves
Curved section edges and rounded artwork. Warm and unthreatening, for trades and family businesses.
Tidal Fields · Quiet luxury
Wide letterspacing, thin rules and a great deal of space. Restraint doing the persuading.
Solstice Festival · Diagonal bands
Angled accent bands cutting across the page, with sections that lean into the diagonal.
Alta Frame · Product deck
A software marketing page. Chips, tidy cards and a stat row, built to be scanned rather than read.
Tercera Studio · Poster type
The headline is the design. Type at poster scale over a colour field, with everything else kept quiet.
Signal & Static · Extreme minimal
Almost nothing on the page. One accent hairline, small type and a great deal of empty space.
The Long Version · Stacked panels
Full width colour panels stacked one after another, each one owning the whole viewport width.
Travel and stay
10 sample sites
The Anchorage · Ruled cells
Everything lives inside a ruled cell. A spreadsheet turned into a layout, on purpose.
Casa Miramar · Dark glow
A dark canvas with a single glowing accent, thin rules and a lot of letterspaced uppercase.
Deep Blue Dive · Poster type
The headline is the design. Type at poster scale over a colour field, with everything else kept quiet.
Azul Diving · Organic curves
Curved section edges and rounded artwork. Warm and unthreatening, for trades and family businesses.
Trece Hostel · Technical mono
Monospace, bracketed labels and a faint dot grid. Reads like documentation, in a good way.
Bunk & Board · Sticky split
A two column rhythm where the heading holds still while the content beside it scrolls past.
Salt School · Product deck
A software marketing page. Chips, tidy cards and a stat row, built to be scanned rather than read.
Break Point Surf · Collage zine
Cut and paste energy. Cards sit slightly off axis, labels look stuck on, nothing lines up perfectly.
Compass & Co. · Arches
Arched artwork, warm neutrals and centred type. Boutique without tipping into wedding stationery.
Slow Route Travel · Soft cards
Generous radii, quiet shadows and a lot of breathing room. Approachable without being childish.
Tech and business
12 sample sites
Vector Works · Editorial
A magazine setting. Serif display, ruled dividers, a drop cap and columns that behave like print.
Northlight AI · Diagonal bands
Angled accent bands cutting across the page, with sections that lean into the diagonal.
The Works · Bento grid
Asymmetric tiles of different sizes packed into one grid, in the style of a product landing page.
Format Studio · Console
A console readout. Monospace, scanlines, a blinking caret and labels that look like output.
Redline Defence · Single column
One narrow column all the way down, set like a long read. Nothing competes with the words.
Bastion Security · Gradient glass
A soft gradient field behind frosted panels. Modern product marketing without the stock photography.
Northport Support · Extreme minimal
Almost nothing on the page. One accent hairline, small type and a great deal of empty space.
Batch Operations · Dark glow
A dark canvas with a single glowing accent, thin rules and a lot of letterspaced uppercase.
Cornerstone Talent · Neo brutalist
Thick black borders, hard offset shadows and one very loud accent colour doing all the shouting.
Shortlist & Co. · Stacked panels
Full width colour panels stacked one after another, each one owning the whole viewport width.
Cadence · Quiet luxury
Wide letterspacing, thin rules and a great deal of space. Restraint doing the persuading.
Ledgerly · Swiss grid
Hairline rules, a strict grid and small caps labels. Nothing is decorated that does not need to be.
Professional services
14 sample sites
Cooperative
Cream and green, programme cards, four step application, member stories, branches.
App first
Violet and mint, phone mock up, feature cards, cost estimator panel, security section.
Corporate lender
Navy and white, loan products, a published rates table, requirements, branches, FAQ.
Lead capture
Offer form above the fold, comparison table, recent buys, FAQ. The conversion layout.
Property magazine
Light and serif, a collection list, house of the month spread, neighbourhood guides.
Dark and private
Navy and brass, full screen hero, listing cards with specs, enquiry form.
Ledger & Vine · Ruled cells
Everything lives inside a ruled cell. A spreadsheet turned into a layout, on purpose.
Balance Point · Sticky split
A two column rhythm where the heading holds still while the content beside it scrolls past.
Harbourline Cover · Arches
Arched artwork, warm neutrals and centred type. Boutique without tipping into wedding stationery.
Keystone Brokers · Technical mono
Monospace, bracketed labels and a faint dot grid. Reads like documentation, in a good way.
Salcedo & Reyes · Soft cards
Generous radii, quiet shadows and a lot of breathing room. Approachable without being childish.
Ardent Legal · Collage zine
Cut and paste energy. Cards sit slightly off axis, labels look stuck on, nothing lines up perfectly.
Press Nine · Product deck
A software marketing page. Chips, tidy cards and a stat row, built to be scanned rather than read.
Inkhouse · Poster type
The headline is the design. Type at poster scale over a colour field, with everything else kept quiet.
Trades and home
21 sample sites
Award tier
Black canvas, oversized display type, film grain and a pinned horizontal project rail driven by scroll.
Drafting sheet
Navy grid paper, mono type, title blocks and duotoned site photography. Includes a project sheet.
Warm editorial
Off-white paper, serif display and a Swiss grid, led by the photography. Includes a project page.
Monochrome gallery
Near black, black and white photography, hover preview project index. Includes a project page.
Laundromat
Yellow and black, a rate board, self service and drop off tiles, hours and loyalty card.
Pickup and delivery
Sky blue, per kilo pricing tiers, a four step flow, service cards, coverage areas, FAQ.
Subscription
Charcoal and mint, an order tracker mock up, monthly plans, care commitments.
Aircon Works · Bento grid
Asymmetric tiles of different sizes packed into one grid, in the style of a product landing page.
Cool Chain · Single column
One narrow column all the way down, set like a long read. Nothing competes with the words.
Fresh Start Cleaning · Neo brutalist
Thick black borders, hard offset shadows and one very loud accent colour doing all the shouting.
Bright & Co. · Console
A console readout. Monospace, scanlines, a blinking caret and labels that look like output.
Foundation Works · Swiss grid
Hairline rules, a strict grid and small caps labels. Nothing is decorated that does not need to be.
Bantay Builders · Organic curves
Curved section edges and rounded artwork. Warm and unthreatening, for trades and family businesses.
Verdant Landscapes · Ruled cells
Everything lives inside a ruled cell. A spreadsheet turned into a layout, on purpose.
Groundwork Gardens · Dark glow
A dark canvas with a single glowing accent, thin rules and a lot of letterspaced uppercase.
Baggage & Co. · Extreme minimal
Almost nothing on the page. One accent hairline, small type and a great deal of empty space.
Careful Movers · Stacked panels
Full width colour panels stacked one after another, each one owning the whole viewport width.
Highline Roofing · Editorial
A magazine setting. Serif display, ruled dividers, a drop cap and columns that behave like print.
Crown Roof Co. · Gradient glass
A soft gradient field behind frosted panels. Modern product marketing without the stock photography.
Araw Solar · Quiet luxury
Wide letterspacing, thin rules and a great deal of space. Restraint doing the persuading.
Northline Energy · Diagonal bands
Angled accent bands cutting across the page, with sections that lean into the diagonal.
Education
6 sample sites
Roadwise School · Product deck
A software marketing page. Chips, tidy cards and a stat row, built to be scanned rather than read.
First Gear · Collage zine
Cut and paste energy. Cards sit slightly off axis, labels look stuck on, nothing lines up perfectly.
Cordillera School · Technical mono
Monospace, bracketed labels and a faint dot grid. Reads like documentation, in a good way.
Bayview Academy · Sticky split
A two column rhythm where the heading holds still while the content beside it scrolls past.
Grade Path Tutoring · Arches
Arched artwork, warm neutrals and centred type. Boutique without tipping into wedding stationery.
Study Room · Soft cards
Generous radii, quiet shadows and a lot of breathing room. Approachable without being childish.
Automotive
6 sample sites
Gearbox & Co. · Quiet luxury
Wide letterspacing, thin rules and a great deal of space. Restraint doing the persuading.
Piston Lane Garage · Swiss grid
Hairline rules, a strict grid and small caps labels. Nothing is decorated that does not need to be.
Two Spoke · Editorial
A magazine setting. Serif display, ruled dividers, a drop cap and columns that behave like print.
Chainline Cycles · Diagonal bands
Angled accent bands cutting across the page, with sections that lean into the diagonal.
Meridian Motors · Poster type
The headline is the design. Type at poster scale over a colour field, with everything else kept quiet.
Torque & Co. · Organic curves
Curved section edges and rounded artwork. Warm and unthreatening, for trades and family businesses.
Sport and leisure
14 sample sites
Shuttle Hall · Soft cards
Generous radii, quiet shadows and a lot of breathing room. Approachable without being childish.
Smash Room · Collage zine
Cut and paste energy. Cards sit slightly off axis, labels look stuck on, nothing lines up perfectly.
Grip House · Extreme minimal
Almost nothing on the page. One accent hairline, small type and a great deal of empty space.
North Wall · Dark glow
A dark canvas with a single glowing accent, thin rules and a lot of letterspaced uppercase.
Studio Nine Dance · Bento grid
Asymmetric tiles of different sizes packed into one grid, in the style of a product landing page.
Move Room · Console
A console readout. Monospace, scanlines, a blinking caret and labels that look like output.
Static Five · Single column
One narrow column all the way down, set like a long read. Nothing competes with the words.
Nullpoint · Gradient glass
A soft gradient field behind frosted panels. Modern product marketing without the stock photography.
Southpaw Academy · Neo brutalist
Thick black borders, hard offset shadows and one very loud accent colour doing all the shouting.
Iron Gate Martial Arts · Stacked panels
Full width colour panels stacked one after another, each one owning the whole viewport width.
Northfield Courts · Product deck
A software marketing page. Chips, tidy cards and a stat row, built to be scanned rather than read.
Third Shot Pickleball · Ruled cells
Everything lives inside a ruled cell. A spreadsheet turned into a layout, on purpose.
Kitchen Line Courts · Sticky split
A two column rhythm where the heading holds still while the content beside it scrolls past.
Baseline Tennis Club · Technical mono
Monospace, bracketed labels and a faint dot grid. Reads like documentation, in a good way.
Nothing matches that. Try a different word, or press Everything to reset.