Live preview
Artisan Pro homepage: a dark workshop photograph behind the headline Professional home repair done right set in heavy yellow capitals, with a yellow side bar reading Paris, Lyon, Marseille
08 / ASTRO THEME

Artisan Pro

For the trade that turns up.

  • Trades
  • Local business
  • Services

The eighth Quaeris Design release. A trades site carrying three services with their fixed prices, an emergency page with response times per city, a documented project archive and a journal — nineteen routes, with the whole demo live and open to inspection.

MEASURED FROM THE DEMO
133 KB
JavaScript
19
Indexable routes
0
Blocking stylesheets
0
Border radius
2
Font families
Astro 7.3
Built with

Every figure came from astro-design-repair.pages.dev. Open it and check.

One published website. VAT included; the studio licence covers client work. 14 days to withdraw, until the first download.

THE BRIEF

What it is for, and who it suits.

A billboard direction for trades, and an unfashionable one: nothing on the page has a rounded corner. Construction yellow on charcoal, Montserrat set at the size of a site hoarding, hard offset shadows instead of soft ones, and diagonal saw-cuts through the photography. It is built around the two things a trade site is actually judged on — what a job costs, and how fast somebody picks up.

  • Plumbers, electricians and carpenters
  • Home repair and maintenance companies
  • Trades billing on call-outs rather than on retainers
  • Any local business whose competitor is a phone number in a search result
THE PAGE SET

Routes you get, and where they come from.

Every route below is generated at build and served as a static file.

Pages

Written once, edited in place.
  • Home
  • Services
  • Pricing
  • Emergency
  • Projects
  • About
  • Contact
  • Legal notice
  • Privacy

Collections

One Markdown file becomes a route, an index entry and a listing.
  • Article × 3
  • Author × 2
  • Category × 4

System

Generated, never hand-maintained.
  • 404
  • sitemap.xml
  • robots.txt
DESIGN NOTES

The decisions behind the look.

01

Not one rounded corner.

Radii are zero everywhere, shadows are hard offsets rather than blurs, and the photography is cut on the diagonal. It reads as signage rather than as software, which is the right register for a business whose van is also its brand — and it is the kind of constraint that collapses the moment one component softens, so none of them does.

02

The emergency call-out has its own page.

Most trade sites put a phone number in the header and call that emergency cover. This one gives it a page: tap-to-call at billboard size, response times per city, what actually counts as an emergency, what to do while you wait, and what the surcharge is. It answers the questions somebody asks at eleven at night.

03

Every price lives in one file.

Rates, the emergency surcharge, response times and payment terms sit in a single config file as plain strings, and three pages read from it — Pricing, Services and Emergency. Change an hourly rate once and it moves in all three, which is the difference between a demo you can launch and a demo you have to audit.

04

The project grid is irregular; its reading order is not.

The case files are laid out as a documentary collage rather than as a tidy grid, but the markup order is the narrative order and the captions live in the DOM rather than painted onto the image. The page looks arranged by hand and still reads correctly to a screen reader and to a crawler.

PALETTE
  • Bone #fbf9f8 Page ground
  • Charcoal #1a1a1a Type and dark bands
  • Site yellow #ffb800 The one accent
  • Grey #575757 Secondary type
  • Band #f4f4f4 Alternating sections
TYPEFACES
Display
Montserrat Weight 800, set as a hoarding
Body
Work Sans Weight 400 and 500
WHAT SHIPS WITH IT

Know what you’re getting.

A good-looking screenshot is the beginning. The details help you choose.

01 / THE PAGES

A view of the whole site.

Every release lists its page set, from the homepage to the article, author and category templates your project actually needs.

Page list with each release
02 / THE EXPERIENCE

Every screen matters.

Desktop and mobile layouts, navigation, focus states and interactions, checked at the widths people actually use rather than the one the screenshot was taken at.

How customisation works ↗
03 / THE HANDOVER

The details, before you buy.

Source files, installation requirements, licence and support terms are published on the theme page so you can decide before you spend anything.

Exact package with each release
PRICING

A clear price. A clear package.

Pick the design that fits your project. One licence covers one published website; building for clients is the studio licence.

INDIVIDUAL THEMES ON SALE

Find your fit.

€59 a theme

One licence, one published website. Work you deliver to clients is the studio licence: €399 for the whole collection, and a year of everything released after it.

A theme licence
One published project
Client work
Studio licence
Updates & support
Stated per theme
THIS THEME

Everything above, in one download.

Artisan Pro, as the complete Astro source. Change anything, deploy it anywhere static, and keep it.

One published website. VAT included; the studio licence covers client work. 14 days to withdraw, until the first download.

ELSEWHERE IN THE COLLECTION

Three more directions.