A seven-page web-design-agency site with a CSS-only mega menu and mobile drawer and a system dark mode that goes violet-black rather than grey. Client homepages are drawn in SVG and shown in overlapping browser windows, with a design tool laid over them: selection handles, named cursors, comment chips and numbered pins. There is a before-and-after case study, charts that draw themselves, published price bands, an overrun ledger built from divs, a staffing Gantt, a testimonial wall, a studio floor plan and a script-free FAQ. Scroll reveals, a client marquee and floating windows are pure CSS and switch off with reduced motion. No JavaScript the importer needs.
Buy Cadence for your workspace ($89, once). It is charged to your agency’s Stacklumen billing account.
Choose Open in Stacklumen Terminal above, and sign in to Stacklumen if it asks.
Name the new site. Terminal creates it and opens the designer.
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.mjs0.1 KB
package.json0.2 KB
public/client-amara-lindqvist.svg1.8 KB
public/client-dominic-ashworth.svg1.8 KB
public/client-helene-voss.svg1.8 KB
public/client-neil-okonjo.svg1.7 KB
public/client-ruth-calloway.svg1.8 KB
public/client-tomasz-wren.svg1.7 KB
public/logo.svg0.3 KB
public/person-hana-brandt.svg2.5 KB
public/person-ivy-mensah.svg2.5 KB
public/person-lucien-vale.svg2.4 KB
public/person-marek-sobol.svg2.2 KB
public/person-priya-raman.svg2.4 KB
public/person-rafael-oduya.svg2.2 KB
public/person-saoirse-quinn.svg2.3 KB
public/person-theo-ramos.svg2.5 KB
public/work-arbor.svg8.0 KB
public/work-halcyon.svg6.4 KB
public/work-kestrel-before.svg6.5 KB
public/work-kestrel.svg7.1 KB
public/work-meridian.svg7.3 KB
public/work-northbank.svg10.6 KB
public/work-tessera.svg7.1 KB
README.md5.7 KB
src/components/SiteFooter.astro2.4 KB
src/components/SiteHeader.astro11.1 KB
src/pages/contact.astro12.7 KB
src/pages/index.astro37.8 KB
src/pages/journal.astro15.9 KB
src/pages/process.astro19.5 KB
src/pages/services.astro25.1 KB
src/pages/team.astro15.1 KB
src/pages/work.astro22.9 KB
src/styles/global.css131.7 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.