Stacklumen Base

Parallax

Design and tech conference $59

A seven-page conference site with a CSS-only mega menu and mobile drawer and system dark mode that turns the paper ground navy and keeps magenta as the accent. Home, schedule, speakers, tickets, venue, sponsors and FAQ — a two-day, four-room agenda built as a real grid, perforated ticket stubs cut with masks, duotone speaker portraits, a drawn floor plan and transit map, and a tiered sponsor wall. Scroll-driven reveals and ambient motion in CSS alone, all switched off for reduced motion. No JavaScript anywhere, so it imports whole.

7 pages · 43 files · 274.2 KB · fully static Astro

Import into Terminal

  1. Buy Parallax 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/badge.svg 4.4 KB
  • public/help-desk.svg 1.8 KB
  • public/logo.svg 0.4 KB
  • public/speaker-anouk-de-wilde.svg 1.5 KB
  • public/speaker-beatrix-kowal.svg 1.4 KB
  • public/speaker-clementine-osei-barr.svg 2.0 KB
  • public/speaker-hollis-adeyemi.svg 1.3 KB
  • public/speaker-jonah-whitcombe.svg 1.8 KB
  • public/speaker-kwame-asante-reyes.svg 1.5 KB
  • public/speaker-mei-lin-okafor.svg 1.5 KB
  • public/speaker-odile-marchetti.svg 1.3 KB
  • public/speaker-ravi-chandrasekar.svg 1.5 KB
  • public/speaker-signe-halvorsen.svg 1.4 KB
  • public/speaker-tomas-ferreira-lund.svg 1.5 KB
  • public/speaker-yusuf-demir.svg 1.7 KB
  • public/sponsor-ashgrove.svg 0.6 KB
  • public/sponsor-coldharbour.svg 0.5 KB
  • public/sponsor-fernhollow.svg 0.5 KB
  • public/sponsor-glasswing.svg 0.5 KB
  • public/sponsor-kettleby.svg 0.5 KB
  • public/sponsor-marrowby.svg 0.6 KB
  • public/sponsor-orrin-pike.svg 0.5 KB
  • public/sponsor-pellucid.svg 0.5 KB
  • public/sponsor-quillfeather.svg 0.5 KB
  • public/sponsor-saltmarsh.svg 0.6 KB
  • public/sponsor-tollbridge.svg 0.6 KB
  • public/sponsor-wrenfield.svg 0.5 KB
  • public/stage.svg 10.7 KB
  • public/transit.svg 3.1 KB
  • public/venue-map.svg 11.7 KB
  • README.md 5.2 KB
  • src/components/SiteFooter.astro 2.3 KB
  • src/components/SiteHeader.astro 10.5 KB
  • src/pages/faq.astro 11.8 KB
  • src/pages/index.astro 18.3 KB
  • src/pages/schedule.astro 27.4 KB
  • src/pages/speakers.astro 17.6 KB
  • src/pages/sponsors.astro 11.8 KB
  • src/pages/tickets.astro 15.6 KB
  • src/pages/venue.astro 11.5 KB
  • src/styles/global.css 84.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