Live preview
Terra Artisan homepage: a tracked excavator against a sunset sky on a black page, carrying the headline Expertise and power for your groundworks in heavy white type beside a gold Get a quote button
05 / ASTRO THEME

Terra Artisan

For work measured in cubic metres.

  • Construction
  • Contractor
  • Services

The fifth Quaeris Design release. A contractor site carrying five site reports, a machine park with its specifications, a rate card that names a day rate and a journal written by the people operating the machines — twenty-eight routes, with the whole demo live and open to inspection.

MEASURED FROM THE DEMO
135 KB
JavaScript
28
Indexable routes
0
Blocking stylesheets
0
Icon requests
3
Font families
Astro 7.3
Built with

Every figure came from astro-design-engine.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 visual direction for trades whose proof is the finished job. Bitumen black, one gold, and the vocabulary of the site hoarding rather than the brochure — mono reference codes on every service and every job, hazard-tape rules, diagonal cuts through the sections, and black-and-white site photography that a cursor-following work lamp brings back into colour.

  • Earthworks, demolition and drainage contractors
  • Groundworks firms that quote on site rather than online
  • Plant hire businesses with a machine park to show
  • Any trade whose argument is the job it finished
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
  • Fleet
  • About
  • FAQ
  • Contact
  • Legal notice
  • Privacy

Collections

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

System

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

The decisions behind the look.

01

The icon font is gone, on measured grounds.

A PageSpeed run on the deployed home page caught the Material Symbols stylesheet blocking first render for about 750 ms on throttled 4G, then pulling a 314 KB variable font to draw two dozen glyphs. The set is inline SVG on a 24×24 grid now: roughly 5 KB on the busiest page, and no request at all.

02

Headings are split at build, not in the browser.

The masked word reveals need a heading broken into spans. Doing that in JavaScript changed how the line wrapped after load and moved everything under it — 0.188 of layout shift on the home page. One component does the splitting server-side, so the animation costs nothing in stability.

03

Four pages keep their content in an array.

Services, rates, the fleet and the FAQ are typed arrays at the top of their own page rather than collections. A rate card or a machine rarely needs a Markdown body, and one readable list is easier for an owner to edit than five files — open the page and the data is the first thing there.

04

The domain lives in exactly one place.

One value in the config feeds the Astro config, and from there every canonical, og:url, JSON-LD id, breadcrumb, the sitemap and robots.txt — which is generated rather than shipped, because a static copy is the one file that quietly keeps pointing at the old host after a move.

PALETTE
  • Bitumen #131313 Page ground
  • Steel #1b1c1c Raised surfaces
  • Gold #ffd700 The one accent
  • Bone #e4e2e1 Type
  • Sand #d0c6ab Secondary type and labels
TYPEFACES
Display
Montserrat Weight 900
Body
Inter Weight 400 and 500
Utility
JetBrains Mono Reference codes and labels
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.

Terra Artisan, 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.