Stacklumen Base

Meridian

SaaS product landing $149

A seven-page SaaS site for a project-timeline tool, with a CSS-only mega menu and mobile drawer and a system dark mode that goes blue-black rather than grey. Paper-white grounds crossed by faint meridian lines that double as the week lines of every timeline, and product UI drawn in markup on every page: a Gantt with baselines, dependencies and a today line, a workload heatmap, a decision log, a burn-up report, a seat calculator, a meridian globe with region pins and a UTC overlap chart. Scroll reveals, a timeline that draws itself, marquees and floating cards are all CSS and switch off for reduced motion. No JavaScript the importer needs.

7 pages · 29 files · 409.3 KB · fully static Astro

Import into Terminal

  1. Buy Meridian 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.5 KB
  • public/person-ama-owusu.svg 2.2 KB
  • public/person-anders-vik.svg 2.1 KB
  • public/person-camille-roux.svg 2.1 KB
  • public/person-dana-whitfield.svg 2.1 KB
  • public/person-hana-lindgren.svg 2.1 KB
  • public/person-ines-duarte.svg 2.1 KB
  • public/person-jonas-park.svg 2.2 KB
  • public/person-leo-marchetti.svg 2.1 KB
  • public/person-marcus-bell.svg 2.1 KB
  • public/person-nadia-haddad.svg 2.1 KB
  • public/person-owen-achebe.svg 2.1 KB
  • public/person-priya-ramaswamy.svg 2.1 KB
  • public/person-rita-adeyemi.svg 2.1 KB
  • public/person-sade-okonkwo.svg 2.1 KB
  • public/person-tomas-lindqvist.svg 2.2 KB
  • README.md 6.9 KB
  • src/components/SiteFooter.astro 3.4 KB
  • src/components/SiteHeader.astro 16.0 KB
  • src/pages/about.astro 17.9 KB
  • src/pages/customers.astro 23.3 KB
  • src/pages/features.astro 36.4 KB
  • src/pages/index.astro 43.7 KB
  • src/pages/pricing.astro 28.4 KB
  • src/pages/security.astro 23.2 KB
  • src/pages/team.astro 17.8 KB
  • src/styles/global.css 159.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.

Back to your designs