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 Webflow Components and framework-agnostic HTML/CSS. Launching this week.
Search the catalog, pick a component, and take it as a Webflow Component 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.
sdf-tier Webflow + HTML Pricing v1.0.0 Copy → sdf-faq Webflow + HTML Content v1.0.0 Copy → sdf-cta Webflow + HTML Conversion v1.0.0 Copy → sdf-section-intro Webflow + HTML Layout v1.0.0 Copy → sdf-contact-modal Webflow + HTML Forms v1.0.0 Copy → These five components ship at launch. The catalog grows continuously — see the full reference in the documentation.
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.
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.
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.
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.
Copy a component as a Webflow Component or as framework-agnostic HTML/CSS. It drops into Webflow, Astro, Next, or plain HTML — and once it's in your project, it's yours to edit. No runtime lock-in.
SDF is the framework; Baselumen is the component library built on it. Hublumen is the dedicated client portal — what we use to ship work to real customers. Stacklumen AI follows: a Webflow-native co-builder trained on the patterns SDF formalizes. Each product is its own surface, but they share the same source of truth.
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.