Stacklumen Base

Tidewell

Personal finance app $89

A seven-page consumer finance-app site with a CSS-only mega menu and mobile drawer, and a system dark mode that goes indigo-black rather than grey. Home, features, security, plans, business, help and about — drawn phone mockups whose screens are real markup (balance, spending donut, pot rings, transactions, approvals, chat), a bento feature grid, a four-layer security diagram, a plan comparison built from divs and invented store badges. All motion is CSS: a drifting mesh, floating phones, rings and donuts that draw themselves, and scroll reveals that leave the page finished if they never run. No JavaScript anywhere, so it imports whole.

7 pages · 24 files · 296.6 KB · fully static Astro

Import into Terminal

  1. Buy Tidewell for your workspace ($89, 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.6 KB
  • public/person-dev-anand.svg 1.4 KB
  • public/person-esme-hartfield.svg 1.5 KB
  • public/person-hattie-moss.svg 1.5 KB
  • public/person-jo-pereira.svg 1.5 KB
  • public/person-kofi-mensah-clarke.svg 1.4 KB
  • public/person-lior-brandt.svg 1.4 KB
  • public/person-maya-oduya.svg 1.8 KB
  • public/person-priyanka-dal.svg 1.5 KB
  • public/person-ruth-calloway.svg 1.4 KB
  • public/person-tobias-wren.svg 1.4 KB
  • README.md 3.8 KB
  • src/components/SiteFooter.astro 3.8 KB
  • src/components/SiteHeader.astro 11.1 KB
  • src/pages/about.astro 13.3 KB
  • src/pages/business.astro 19.6 KB
  • src/pages/features.astro 21.5 KB
  • src/pages/help.astro 19.3 KB
  • src/pages/index.astro 40.3 KB
  • src/pages/pricing.astro 17.0 KB
  • src/pages/security.astro 15.6 KB
  • src/styles/global.css 115.5 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