Section grammar
One H1, honest H2/H3 tree, centered section heads with matching leads — Lighthouse SEO without the guesswork.
Free · CC BY 3.0 · Vanilla only
Lumen is a single-page HTML/CSS/JS starter built for gallery submissions and quick client kicks-offs — skip-link, section grammar, and WCAG-minded contrast included.
What’s included
One HTML file, one stylesheet, one script. Semantic landmarks, equal-height cards, and focus-visible chrome so you can submit or remix with confidence.
One H1, honest H2/H3 tree, centered section heads with matching leads — Lighthouse SEO without the guesswork.
Paper and ink themes keep body, muted, and on-accent pairs past 4.5:1. Switch with one attribute — no white-on-white.
No React, no Tailwind, no Unsplash. Drop on any static host or zip for HTML5 galleries under CC BY 3.0.
OOTW craft
Same layout foundation we use on the Master Collection: 8-point rhythm, full-bleed bands with inner containers, rounded focus rings, and reduced-motion respect.
Workflow
Open locally, swap the copy, publish anywhere static hosting works — Netlify, GitHub Pages, shared hosting, or a gallery upload.
Open index.html in a browser. Optional local server if you prefer — no npm required.
Edit the hero promise, feature cards, and footer. Keep the class names; restyle tokens in :root.
Keep the LICENSE and a visible attribution. Then upload the folder or submit to an HTML gallery.
Free download
Use it commercially, remix it, and share it — just give credit to OutOfThisWorld Studios and link back when you redistribute.
Prefer the full niche packs (AI, SaaS, Creator, Web3, E‑com)? Browse the Master Collection.