Dispatch Web

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.

Show it for a

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.

Archivo with Karla. Halyard Electrical & Solar, a fictional trade specialist in Wangara.

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

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

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

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

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.

BusinessWorldColoursTypeHeroDevice
Trade specialistCobalt Noon55 cobalt ground / 25 warm off-white ink / 10 sun yellow / 6 yellow-green / 4 amberArchivo with KarlaPosterThe sun path
Technology vendorDispatch Grey60 dove grey / 20 graphite ink / 10 teal / 7 slate / 3 brick coralMartian Mono with Schibsted GroteskSheetThe dispatch console
Professional servicesBottle and Brass55 bottle green / 28 parchment / 8 brass / 6 moss panels / 3 sealing waxHedvig Letters Serif with Wix Madefor TextColumnsThe annual report as prospectus
RestaurantMerlot Service55 oxblood / 25 blush ivory / 9 candle gold / 8 black cherry / 3 pistachioBodoni Moda with LiterataStageThe spotlight
BarAfter Hours62 warm black / 20 candle ivory / 8 ultraviolet / 6 chrome / 4 absintheAnybody with Familjen GroteskTickerThe neon sign
Clothing storeButter Cherry55 butter / 25 espresso ink / 10 cherry / 7 lilac / 3 viridianFraunces with EpilogueCollageKinetic type and cut-outs
CafeSea Glass55 sea-glass mint / 22 deep-sea ink / 9 tomato / 10 sand / 4 harbour blueYoung Serif with SyneGridThe wayfinding board
Community and not-for-profitRiso Community58 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 buttonUnbounded with Reddit SansStackThe neighbourhood as a map
Health and clinicDeep Teal Kinetic55 deep teal / 25 mint white / 8 luminous blue / 8 mid teal / 4 apricotGabarito with Atkinson HyperlegibleSplitSports-broadcast graphics
Health and beautyClay Studio50 clay / 20 cacao ink / 18 bone panels / 8 oxide / 4 peach glowInstrument Serif with Instrument SansCardDay and night

The ladder, side by side

TierGraphics and motionPhotographyJavaScriptPagesPrice band
1. MarqueeYour 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 revealsAbout 8 KB, no framework10 to 15 pages in a build; 2 in the demoContent-heavy site, up to AUD $15,000, 10 to 16 weeks
2. FeatureThe 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 portraitAbout 2 KB4 to 10 pages in a build; 2 in the demoMarketing site, fixed price on brief, 6 to 10 weeks
3. StorefrontThe 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 rowAbout 1 KB (the menu)4 to 10 pages in a build; 2 in the demoMarketing site, fixed price on brief, 6 to 10 weeks
4. SignboardThe device as a CSS-only animated hero graphic, one photograph placed properly. One entrance, hover states, no script.One photographNone1 pageSingle landing page, from AUD $3,000, 2 to 3 weeks
5. PostcardOne static motif from the device, drawn in CSS or SVG, one photograph, one webfont. None. It is a page.One photographNone1 pageSingle 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.

Build your brief