What is possible, from the fanciest to the simplest.
Five templates, each shown as a demo for ten kinds of Perth business. Each kind of business is its own design world: its own colours, its own typefaces, its own way of moving, on every tier. Every business in the demos is fictional and every photograph is stock. About these demos.
Cobalt Noon. A saturated cobalt page with sun-yellow, leaf-green and amber, where every hue is a real thing (sky, sun, grass, sunset) and the type is a condensed heavy stack like a safety data sheet; nothing like the navy-and-orange-on-white every electrician uses.
Dispatch Grey. An operational tool, not a marketing site: dove-grey paper ground that is neither light-mode white nor dark-mode black, one 2026 teal, brick-coral only as status, and a wide monospace headline that reads like a console; the product screen is the hero.
Bottle and Brass. The banker's-lamp library: bottle-green ground, parchment text, brass rules, sealing-wax red for the one action; a letterpress prospectus set in a single-weight transitional serif, with newspaper columns and drop caps; conservative in register, nothing like a navy law-firm site.
Merlot Service. Dinner in the dark: oxblood ground, blush-ivory type, candle gold, a single pistachio note like herb oil on a dark plate; a hairline Didone italic and cinematic pacing, where one lit subject sits on a black stage and the photograph is the transition object.
After Hours. Back-bar lighting on warm brown-black: ultraviolet, chrome and absinthe on a ground that is not blue-black; a marquee ticker leads the page, the headline is an extended neon grotesk, and glass and glow do the work photography usually does.
Butter Cherry. A fashion-editorial move no service business would make: whole-page butter-yellow ground, cherry and lilac blocks, viridian as the one link colour; a wonky fat serif whose axes move on scroll, and a collage of overlapping cut-outs instead of a grid.
Sea Glass. A 1960s lido, not a white-and-ocean-blue cafe: sea-glass mint ground, tomato red, sand cards and harbour blue; a heavy bracketed serif with a widening grotesk, a mosaic tile grid like a pool wall, torn-card edges and a stop-motion sun.
Riso Community. Printed by volunteers, not branded by an agency: two-ink Risograph on paper cream (federal blue and bright red, plum where they overprint, one yellow spot), a fat geometric poster face, duotone photographs and misregistered stamps.
Deep Teal Kinetic. Sports science, not a hospital: deep teal ground, mint-white type, luminous blue motion lines and one warm apricot; a heavy geometric grotesk with tight tracking, frosted motion panels and a range-of-motion arc drawn as you scroll.
Clay Studio. The whole palette is one skin-tone family: mid-tone clay ground (the only mid-value ground in the set), cacao ink, bone panels, oxide and a peach glow; a condensed italic serif with a quiet sans, and a single bone card floating on a slowly drifting gradient field like light through a treatment-room blind.
Demo. Halyard Electrical & Solar is a fictional business.
Demo. Tidebook is a fictional business.
Demo. Marram & Sayer Legal is a fictional business.
Demo. Larkspur Dining Room is a fictional business.
Demo. The Tallow Room is a fictional business.
Demo. Alder & Vane is a fictional business.
Demo. Sandbar Lane Cafe & Garden is a fictional business.
Demo. Foreshore Circle Inc. is a fictional business.
Demo. Corella Physiotherapy is a fictional business.
Demo. Halite Skin Studio is a fictional business.Marquee
The site people send to each other. A moving, cinematic front door for a business that wants to look like the biggest player in its field.
Graphics and motion. Your world's signature device at full strength: a shader or canvas where the world calls for one, drawn SVG set pieces, kinetic type on variable font axes, masked reveals. Scroll-driven chapters and page-to-page view transitions.
Content-heavy site. 10 to 15 pages, blog, custom design, up to AUD $15,000, 10 to 16 weeks. The demo shows two of those pages. The shader hero and the interactives sit inside the band, not on top of it.
- Your own design world: colours, typefaces, motion
- Shader or canvas hero where the world calls for it
- Scroll-authored storytelling
- Page-to-page transitions
- Kinetic display type
- Photography direction
- Blog-ready
Demo. Halyard Electrical & Solar is a fictional business.
Demo. Tidebook is a fictional business.
Demo. Marram & Sayer Legal is a fictional business.
Demo. Larkspur Dining Room is a fictional business.
Demo. The Tallow Room is a fictional business.
Demo. Alder & Vane is a fictional business.
Demo. Sandbar Lane Cafe & Garden is a fictional business.
Demo. Foreshore Circle Inc. is a fictional business.
Demo. Corella Physiotherapy is a fictional business.
Demo. Halite Skin Studio is a fictional business.Feature
A magazine feature about your business. Photography leads, the page reads like a story, and nothing needs a graphics card.
Graphics and motion. The same world, told as an editorial feature: the device drawn in SVG and CSS, photography as plates with captions, masked reveals. Sticky-chapter scroll storytelling and page-to-page view transitions.
Marketing site. 4 to 10 pages, fixed price on brief, 6 to 10 weeks. Photography direction is inside the band. Adding a blog moves it into the next one.
- Your own design world: colours, typefaces, motion
- Editorial layout and photography direction
- Drawn diagrams and set pieces
- Scroll chapters
- Page transitions
Demo. Halyard Electrical & Solar is a fictional business.
Demo. Tidebook is a fictional business.
Demo. Marram & Sayer Legal is a fictional business.
Demo. Larkspur Dining Room is a fictional business.
Demo. The Tallow Room is a fictional business.
Demo. Alder & Vane is a fictional business.
Demo. Sandbar Lane Cafe & Garden is a fictional business.
Demo. Foreshore Circle Inc. is a fictional business.
Demo. Corella Physiotherapy is a fictional business.
Demo. Halite Skin Studio is a fictional business.Storefront
The clean, product-style marketing site most businesses actually need. Fast, clear, every page earns its place.
Graphics and motion. The device once, in the hero, in its simplest built-in-code form; image-led service rows and ruled tables for the facts. Page-to-page view transitions and one load moment.
Marketing site. 4 to 10 pages, fixed price on brief, 6 to 10 weeks. Priced exactly as the band reads, nothing on top.
- Your own design world: colours, typefaces, one graphic device
- Real information architecture
- Image-led service pages
- Ruled tables for hours and pricing
- Page transitions
Demo. Halyard Electrical & Solar is a fictional business.
Demo. Tidebook is a fictional business.
Demo. Marram & Sayer Legal is a fictional business.
Demo. Larkspur Dining Room is a fictional business.
Demo. The Tallow Room is a fictional business.
Demo. Alder & Vane is a fictional business.
Demo. Sandbar Lane Cafe & Garden is a fictional business.
Demo. Foreshore Circle Inc. is a fictional business.
Demo. Corella Physiotherapy is a fictional business.
Demo. Halite Skin Studio is a fictional business.Signboard
One page, one job: get the phone ringing. The web version of the sign on the ute.
Graphics and motion. The device as a CSS-only animated hero graphic, one photograph placed properly. One entrance, hover states, no script.
Single landing page. 1 page, from AUD $3,000, 2 to 3 weeks. The sign graphic and its motion are authored in CSS and sit inside the price.
- Your own design world: colours and typefaces
- One page, designed
- Animated hero graphic in CSS
- Phone number first
- No JavaScript in the template
Demo. Halyard Electrical & Solar is a fictional business.
Demo. Tidebook is a fictional business.
Demo. Marram & Sayer Legal is a fictional business.
Demo. Larkspur Dining Room is a fictional business.
Demo. The Tallow Room is a fictional business.
Demo. Alder & Vane is a fictional business.
Demo. Sandbar Lane Cafe & Garden is a fictional business.
Demo. Foreshore Circle Inc. is a fictional business.
Demo. Corella Physiotherapy is a fictional business.
Demo. Halite Skin Studio is a fictional business.Postcard
A plain, permanent page. Name, what you do, where you are, how to reach you. Nothing to update, nothing to break.
Graphics and motion. One static motif from the device, drawn in CSS or SVG, one photograph, one webfont. None. It is a page.
Single landing page. 1 page, from AUD $3,000, 2 to 3 weeks. The floor of the band: HTML and CSS only, so the lowest price in it.
- Your own colours and one display typeface
- HTML and CSS only
- One photograph
- Nothing to maintain
Ten worlds, not one template in ten colours
Every kind of business gets its own ground colour, its own pair of typefaces, its own hero and its own graphic device. No two share any of them. The tiers decide how far each world is pushed.
| Business | World | Colours | Type | Hero | Device |
|---|---|---|---|---|---|
| Trade specialist | Cobalt Noon | 55 cobalt ground / 25 warm off-white ink / 10 sun yellow / 6 yellow-green / 4 amber | Archivo with Karla | Poster | The sun path |
| Technology vendor | Dispatch Grey | 60 dove grey / 20 graphite ink / 10 teal / 7 slate / 3 brick coral | Martian Mono with Schibsted Grotesk | Sheet | The dispatch console |
| Professional services | Bottle and Brass | 55 bottle green / 28 parchment / 8 brass / 6 moss panels / 3 sealing wax | Hedvig Letters Serif with Wix Madefor Text | Columns | The annual report as prospectus |
| Restaurant | Merlot Service | 55 oxblood / 25 blush ivory / 9 candle gold / 8 black cherry / 3 pistachio | Bodoni Moda with Literata | Stage | The spotlight |
| Bar | After Hours | 62 warm black / 20 candle ivory / 8 ultraviolet / 6 chrome / 4 absinthe | Anybody with Familjen Grotesk | Ticker | The neon sign |
| Clothing store | Butter Cherry | 55 butter / 25 espresso ink / 10 cherry / 7 lilac / 3 viridian | Fraunces with Epilogue | Collage | Kinetic type and cut-outs |
| Cafe | Sea Glass | 55 sea-glass mint / 22 deep-sea ink / 9 tomato / 10 sand / 4 harbour blue | Young Serif with Syne | Grid | The wayfinding board |
| Community and not-for-profit | Riso Community | 58 paper cream / 22 federal blue (also the button ink block) / 10 bright red / 6 plum overprint / 4 yellow spot #e0a11a as ornament only, never text or button | Unbounded with Reddit Sans | Stack | The neighbourhood as a map |
| Health and clinic | Deep Teal Kinetic | 55 deep teal / 25 mint white / 8 luminous blue / 8 mid teal / 4 apricot | Gabarito with Atkinson Hyperlegible | Split | Sports-broadcast graphics |
| Health and beauty | Clay Studio | 50 clay / 20 cacao ink / 18 bone panels / 8 oxide / 4 peach glow | Instrument Serif with Instrument Sans | Card | Day and night |
The ladder, side by side
| Tier | Graphics and motion | Photography | JavaScript | Pages | Price band |
|---|---|---|---|---|---|
| 1. Marquee | Your world's signature device at full strength: a shader or canvas where the world calls for one, drawn SVG set pieces, kinetic type on variable font axes, masked reveals. Scroll-driven chapters and page-to-page view transitions. | Full-bleed hero and a gallery, masked reveals | About 8 KB, no framework | 10 to 15 pages in a build; 2 in the demo | Content-heavy site, up to AUD $15,000, 10 to 16 weeks |
| 2. Feature | The same world, told as an editorial feature: the device drawn in SVG and CSS, photography as plates with captions, masked reveals. Sticky-chapter scroll storytelling and page-to-page view transitions. | Editorial plates with captions, a portrait | About 2 KB | 4 to 10 pages in a build; 2 in the demo | Marketing site, fixed price on brief, 6 to 10 weeks |
| 3. Storefront | The device once, in the hero, in its simplest built-in-code form; image-led service rows and ruled tables for the facts. Page-to-page view transitions and one load moment. | One photograph per service row | About 1 KB (the menu) | 4 to 10 pages in a build; 2 in the demo | Marketing site, fixed price on brief, 6 to 10 weeks |
| 4. Signboard | The device as a CSS-only animated hero graphic, one photograph placed properly. One entrance, hover states, no script. | One photograph | None | 1 page | Single landing page, from AUD $3,000, 2 to 3 weeks |
| 5. Postcard | One static motif from the device, drawn in CSS or SVG, one photograph, one webfont. None. It is a page. | One photograph | None | 1 page | Single landing page, from AUD $3,000, 2 to 3 weeks |
In every tier
- Custom design. Bespoke layout for your brand. Mobile-first, accessible, no recycled template.
- Modern stack. Astro, React or plain HTML/CSS. The right tool for the job, not one platform for every job.
- Edge hosting. Global CDN, automatic SSL, monitored uptime. We run it.
- Contact form. Server-side handler with spam protection. Enquiries land in your inbox.
- SEO foundation. Schema markup, meta tags, sitemap, robots.txt, fast loads.
- Analytics. Privacy-friendly analytics so you can see what is working.
- DNS and SSL cut-over. Your email and other domain services stay intact.
- Handover notes. Plain documentation of what was built and how to use it.
Real reviews and real logos go where each template's proof block is. We never invent either, on a demo or on your site.
Photo credits (50)
- Interior House by Abigail Keenan, CC0 via stocksnap (bar/hero)
- Beer Tap by Maciej Korsan, CC0 via stocksnap (bar/gallery-1)
- Whisky Alcohol by Pawel Kadysz, CC0 via stocksnap (bar/gallery-2)
- Mojito Cocktail by Dave Meier, CC0 via stocksnap (bar/gallery-3)
- People Man by James Sutton, CC0 via stocksnap (bar/portrait)
- Flowers Background by Mary, CC0 via stocksnap (cafe/hero)
- Places Restaurant by Roman Bozhko, CC0 via stocksnap (cafe/gallery-1)
- Breakfast Eggs by Krzysztof%20Puszczy%u0144ski, CC0 via stocksnap (cafe/gallery-2)
- Cafe Glasses by Habib Parvin, CC0 via stocksnap (cafe/gallery-3)
- Barista Latte by Burst, CC0 via stocksnap (cafe/portrait)
- Nature Plants by Markus Spiske, CC0 via stocksnap (community/hero)
- Flower Background by Healthy Living, CC0 via stocksnap (community/gallery-1)
- Seedlings Growing by Solo Shutter, CC0 via stocksnap (community/gallery-2)
- Seedling Plant by Altered Reality, CC0 via stocksnap (community/gallery-3)
- Plant Growth by Ian Livesey, CC0 via stocksnap (community/portrait)
- Linen Fabric by Seacoast Sage, CC0 via stocksnap (fashion/hero)
- Clothes Clothing by Artificial Photography, CC0 via stocksnap (fashion/gallery-1)
- Shirts Collared by Patryk Dziejma, CC0 via stocksnap (fashion/gallery-2)
- Fashion Clothes by Hannah Morgan, CC0 via stocksnap (fashion/gallery-3)
- Sad Woman by unknown, CC0 via stocksnap (fashion/portrait)
- Woman Yoga by Bruce Mars, CC0 via stocksnap (health/hero)
- Running Shoes by JESHOOTS.com, CC0 via stocksnap (health/gallery-1)
- City Stretched by Burst, CC0 via stocksnap (health/gallery-2)
- Woman Yoga by JESHOOTS.com, CC0 via stocksnap (health/gallery-3)
- Spa Concept by Healthy Living, CC0 via stocksnap (health/portrait)
- Team Meeting by Startup Stock Photos, CC0 via stocksnap (professional/hero)
- Glass Wall by The Building Envelope, CC0 via stocksnap (professional/gallery-1)
- Office Work by Ch%E2u%20Th%F4ng%20Phan, CC0 via stocksnap (professional/gallery-2)
- Books Bookshop by Suzy Hazelwood, CC0 via stocksnap (professional/gallery-3)
- Architecture Buildings by Erol Ahmed, CC0 via stocksnap (professional/portrait)
- Restaurant Food by Jay Wennington, CC0 via stocksnap (restaurant/hero)
- Chef Cook by Fabrizio Magoni, CC0 via stocksnap (restaurant/gallery-1)
- Roast Meat by Benjamin Faust, CC0 via stocksnap (restaurant/gallery-2)
- Friends Family by Helena Lopes, CC0 via stocksnap (restaurant/gallery-3)
- Food Chef by Matt Bango, CC0 via stocksnap (restaurant/portrait)
- Spa White by Leeroy, CC0 via stocksnap (salon/hero)
- Smiling Woman by Authentic Stock, CC0 via stocksnap (salon/gallery-1)
- Towels Dresser by Martin Vorel, CC0 via stocksnap (salon/gallery-2)
- Aromatherapy Spa by Marina Pershina, CC0 via stocksnap (salon/gallery-3)
- Hands Spa by Healthy Living, CC0 via stocksnap (salon/portrait)
- Ipad Tablet by Marc Chouinard, CC0 via stocksnap (tech/hero)
- Laptop Office by EVG Photos, CC0 via stocksnap (tech/gallery-1)
- Team Meeting by Startup Stock Photos, CC0 via stocksnap (tech/gallery-2)
- Instagram Smartphone by Toni Hukkanen, CC0 via stocksnap (tech/gallery-3)
- Laptop Apple by energepic.com, CC0 via stocksnap (tech/portrait)
- Electrician Electricity by Michal Jarmoluk, CC0 via stocksnap (trade/hero)
- Solar Panels by Matt Bango, CC0 via stocksnap (trade/gallery-1)
- Lightbulb Electricity by Krzysztof%20Puszczy%u0144ski, CC0 via stocksnap (trade/gallery-2)
- Solar Panels by Matt Bango, CC0 via stocksnap (trade/gallery-3)
- Electrician Electricity by Michal Jarmoluk, CC0 via stocksnap (trade/portrait)
Seen the one you want?
Open the brief from any tier and the template and industry arrive filled in. A fixed price within two business days. No obligation.