Stacklumen Base

Kestrel

Trade services $149

A seven-page site for a trades firm — roofing, damp, kitchens and bathrooms, plastering — working eleven areas from one yard, with a CSS-only mega menu and mobile drawer. Shaped around the fact that nobody browses a roofer: the phone number, response time and vans out now sit in the bar on every page, prices are stated down to an annotated example quote, and the work page puts quote beside invoice, including the two jobs that ran over. There are no photographs: a Victorian terrace in section, four service cut-aways, nine job scenes, before-and-after pairs, a coverage map with drive-time rings and the van are drawn in SVG from tokens and go to night in dark mode. Rain on the slates, a turning extractor, a jobs ticker, pulsing rings and charts that grow in are pure CSS. No JavaScript the importer needs.

7 pages · 20 files · 453.1 KB · fully static Astro

Import into Terminal

  1. Buy Kestrel for your workspace ($149, once). It is charged to your agency’s Stacklumen billing account.
  2. Choose Open in Stacklumen Terminal above, and sign in to Stacklumen if it asks.
  3. Name the new site. Terminal creates it and opens the designer.
  4. All 7 pages import with their stylesheet, each one split into styled, editable sections.

To add it to a site you already have, open Templates in the Terminal dashboard and choose Add to site under From the Stacklumen Base marketplace, or open the site in the designer and use Insert → Marketplace → Stacklumen Base templates, which imports the whole site or one page at a time.

The template is written for lossless import: landmark sections, plain CSS the importer can find, no scripts, no dynamic frontmatter. What you see here is what lands on the canvas.

Files

  • astro.config.mjs 0.1 KB
  • package.json 0.2 KB
  • public/logo.svg 0.4 KB
  • public/person-eddie-marsh.svg 2.2 KB
  • public/person-nadia-okonkwo.svg 2.2 KB
  • public/person-priya-raval.svg 2.2 KB
  • public/person-ray-castellano.svg 2.1 KB
  • public/person-sofia-lindqvist.svg 2.1 KB
  • public/person-tom-brennan.svg 2.0 KB
  • README.md 6.6 KB
  • src/components/SiteFooter.astro 6.7 KB
  • src/components/SiteHeader.astro 10.9 KB
  • src/pages/areas.astro 28.0 KB
  • src/pages/contact.astro 20.5 KB
  • src/pages/index.astro 81.0 KB
  • src/pages/pricing.astro 24.7 KB
  • src/pages/services.astro 46.8 KB
  • src/pages/team.astro 21.7 KB
  • src/pages/work.astro 65.7 KB
  • src/styles/global.css 127.0 KB

The designer needs a bigger screen

Designing needs a window at least 1024px wide: a large tablet in landscape, a laptop or a desktop. Everything else works here.

Back to your designs