Stacklumen Base

Atelier

Studio portfolio $69

A seven-page design-studio portfolio with a CSS-only mega menu and mobile drawer, and a dark mode that reprints the work as a night edition — black board, cream ink, copper foil and a desk lamp over the table. There are no photographs: the long table from above, posters, books, packaging, a foundry van, a museum plan, six portraits and the studio floor plan are drawn in SVG from tokens, with HTML pins over the plan. Four case spreads with results, a sixteen-row project index, a fourteen-week process chart and an enquiry form. Scroll-linked reveals and ambient motion are pure CSS and switch off with reduced motion. No JavaScript the importer needs.

7 pages · 14 files · 290.5 KB · fully static Astro

Import into Terminal

  1. Buy Atelier for your workspace ($69, 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.3 KB
  • README.md 6.3 KB
  • src/components/SiteFooter.astro 2.7 KB
  • src/components/SiteHeader.astro 9.7 KB
  • src/pages/index.astro 48.9 KB
  • src/pages/journal.astro 14.5 KB
  • src/pages/process.astro 18.4 KB
  • src/pages/projects.astro 27.8 KB
  • src/pages/studio.astro 15.6 KB
  • src/pages/team.astro 20.8 KB
  • src/pages/work.astro 34.1 KB
  • src/styles/global.css 91.2 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