Two products, now liveSee the suite
Component library · Launching this week

The patterns we ship,
made yours.

Baselumen is a production-ready component library built on SDF — the Stacklumen Development Framework. Semantic HTML, CSS-variable theming, Schema.org hooks, and a WCAG AA baseline, shipped as drop-in components and framework-agnostic HTML/CSS. Launching this week.

Explore the framework See the components
StatusLaunching this week
Built onSDF framework
FormatsComponent + HTML/CSS
At launch5 stable components
01 / Catalog

Browse, theme, copy, ship.

Search the catalog, pick a component, and take it as a drop-in block or framework-agnostic HTML/CSS. Every one is an SDF component — neutral defaults you re-skin with a single CSS variable. The preview below shows the components shipping at launch.

stacklumen.com / baselumen / components
Search components…
Component HTML/CSS
All Pricing Content Layout Forms
Component Format Category Version
sdf-tier Component + HTML Pricing v1.0.0 Copy →
sdf-faq Component + HTML Content v1.0.0 Copy →
sdf-cta Component + HTML Conversion v1.0.0 Copy →
sdf-section-intro Component + HTML Layout v1.0.0 Copy →
sdf-contact-modal Component + HTML Forms v1.0.0 Copy →

These five components ship at launch. The catalog grows continuously — see the full reference in the documentation.

02 / Principles

Why this exists.

The market doesn't need another component library. It needs one built from actual production work, on a real framework, with honest tradeoffs surfaced up front. Here's how Baselumen is different.

01

Built on real client work

Every component started life inside a Stacklumen build that actually shipped. No "what if a marketing page needed this" patterns — only the ones we proved out under deadline.

02

Built on SDF

Every component follows the Stacklumen Development Framework: semantic HTML, strict heading hierarchy, BEM naming, Schema.org hooks, and a WCAG AA baseline. The library reads as one coherent system.

03

Neutral, then yours

Components ship monochrome by default and re-skin entirely through CSS variables — override at :root, a section, or one instance. No theme files, no build step, nothing fighting your brand.

04

Yours to own

Take a component as a drop-in block or as framework-agnostic HTML/CSS. It drops into a visual builder, Astro, Next, or plain HTML — and once it's in your project, it's yours to edit. No runtime lock-in.

03 / Where it fits

SDF feeds Baselumen feeds the AI.

SDF is the framework; Baselumen is the component library built on it — and the home of the client portals we use to ship work to real customers. Stacklumen AI follows: a co-builder trained on the patterns SDF formalizes. Each product is its own surface, but they share the same source of truth.

05.01
SDF
The Stacklumen Development Framework — the rule set every component follows.
Read the spec →
05.02
Client portals
Client portals for active engagements — projects, approvals, file delivery, Stripe billing.
Live
05.03
Stacklumen AI
AI co-builder trained on Baselumen patterns.
On the roadmap
Baselumen · Launching this week

Build on the spec.

Every Baselumen component is an SDF component — semantic, accessible, neutral by default, and yours the moment you copy it. Start with the framework, then take the components into your next build.

Explore the framework Read the docs
Made inTerminal