Stacklumen Base

Halden

Boutique hotel and restaurant $59

A seven-page site for a 24-room hotel with a destination restaurant, with a CSS-only mega menu and mobile drawer and a dark mode that turns the pictures to evening rather than dimming them. There are no photographs: the horizon, the rooms, a floor plan, the table from above, the sauna and a coast map are drawn in SVG from tokens, with HTML pins over them. Scroll-linked reveals and slow ambient motion, a menu card, a year chart and a rate table built from divs, and a booking form. Oxblood and bone, zero radius. No JavaScript the importer needs.

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

Import into Terminal

  1. Buy Halden for your workspace ($59, 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
  • README.md 4.9 KB
  • src/components/SiteFooter.astro 2.4 KB
  • src/components/SiteHeader.astro 11.4 KB
  • src/pages/book.astro 18.9 KB
  • src/pages/dining.astro 18.7 KB
  • src/pages/experiences.astro 19.5 KB
  • src/pages/index.astro 23.5 KB
  • src/pages/journal.astro 14.7 KB
  • src/pages/rooms.astro 34.3 KB
  • src/pages/visit.astro 14.1 KB
  • src/styles/global.css 89.8 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