One app. Every deliverable.

Components in every build, whole-site templates, a designer that draws in millimetres, audits that end in a client-ready report, and an MCP server for the agent you already use.

Open Baselumen See pricing

The library: 186 components, each copied as HTML + CSS, React, Vue, Svelte or one block for Terminal.

Baselumen S Stacklumen Overview Libraries Design Tools Workspace Product Search components ⌘K DR

One library, every framework.

186 components with the same markup and the same sdf- class names on every build. Pick a copy target and every card hands over that file — 1118KB of framework-free source in total.

Read the docs

Copy as HTML + CSS 185 React 186 Vue 185 Svelte 185 Terminal 185 Markup and a stylesheet, no build step All collections 186

All 186 Heroes 33 Navigation 16 Features 25 Content 54 Social proof 15 Commerce 5 Conversion 11 Banners 9 Forms 8 More

sdf-hero-console Heroes

sdf-pricing-toggle Conversion

sdf-navbar-mega Navigation

sdf-bento Content

sdf-tier Commerce

sdf-faq Content

Baselumen S Stacklumen Overview Libraries Design Tools Workspace Product Search components ⌘K DR

Advanced Audit

One URL, graded by every audit at once — SEO, accessibility, security headers, structured data and maintainability, with Core Web Vitals optional. Each is a full run and is saved to your history individually, so you can open any of them afterwards.

All tools

https:// meridian.example/services Include Speed Test Audit site

Unlimited runs

Each grader is a full run and counts toward your allowance. Speed Test adds 30–60s — it runs a full Lighthouse pass on Google’s servers.

Overall

https://meridian.example/services

Mean of 6 graders. Each is stored as its own run.

Download report

SEO + AEO 81

Titles, meta, canonical, JSON-LD, robots

2 failing · 6 to review

Open full report

Accessibility 92

axe-core WCAG rules via Lighthouse

1 failing · 2 to review

Open full report

Security Headers 58

HSTS, CSP, frame and content options

2 failing · 3 to review

Open full report

Schema 74

JSON-LD against schema.org + rich results

1 failing · 1 to review

Open full report

Maintainability 81

Class naming, selector depth, CSS caching

0 failing · 2 to review

Open full report

Speed 67

Core Web Vitals, lab and field

No graded checks

Open full report

What to fix first

Every failing check across all graders, worst first. Passing checks stay in each tool’s own report.

Content Security Policy (CSP) Security Headers

No Content-Security-Policy — the strongest defence against XSS and injection is missing.

Clickjacking protection Security Headers

No X-Frame-Options or CSP frame-ancestors — the page can be embedded in a malicious iframe.

LocalBusiness: missing required “address” Schema

Google requires “address” on LocalBusiness for rich results. Without it this entity won’t be eligible.

Background and foreground colors do not have a sufficient contrast ratio. Accessibility

Low-contrast text is difficult or impossible for many users to read.

Image alt text SEO + AEO

7 of 12 images are missing an alt attribute.

Five builds. One markup.

186 components with the same markup and sdf- class names across HTML + CSS, React, Vue and Svelte, plus one block for Terminal. Pick a build once and every copy button follows it.

Every class is block, element and modifier under sdf-, so it says what it targets and collides with nothing already on your site.
Component Studio puts the library, an artboard at 375, 768 or 1280 pixels and a generator side by side.
Custom components are the workspace's own markup and CSS, up to 500, forked from the library or written by your agent.

The component system

sdf-cta taken apart: its block, element and modifier classes, numbered beside its markup.

Get started A short, action-oriented heading that earns the click. 2 One supporting sentence that removes the last reservation. Specific is better than vague — name the outcome, the time, or the no-cost on-ramp.

Primary action 3 Secondary action

Image

sdf-cta.htmlshortened

<section class="sdf-cta"> <div class="sdf-cta__inner"> <div class="sdf-cta__content"> <div class="sdf-cta__eyebrow">Get started</div> <h2 class="sdf-cta__title">Ship faster.</h2> <p class="sdf-cta__body">One sentence that removes the last reservation.</p> </div> <div class="sdf-cta__actions"> <a class="sdf-cta__action sdf-cta__action--primary" href="#">Start</a> <a class="sdf-cta__action sdf-cta__action--secondary" href="#">Learn more</a> </div> </div> </section>

ClassWhat it is 1sdf-ctaThe block: the whole component2sdf-cta__titleAn element inside the block3sdf-cta__action--primaryA variant of that element

Baselumen S Stacklumen Overview Libraries Design Tools Workspace Product Search components ⌘K DR

Connection

Baselumen speaks MCP over HTTP. Create a token below, then give your agent the endpoint and the token as a bearer Authorization header.

https://baselumen.com/app/api/mcpCopy

Tools

search_componentscomponents:read

Search the Baselumen component catalog by name, slug, description or category. Returns slug, name, category, status, the surfaces each component ships as (html, react, vue, svelte), `free` for the components every plan can fetch, and, for a premium component, its `price` and whether this workspace `owned` it. Fetch source with get_component.

get_componentcomponents:read

One component's source for a surface. 'html' returns the canonical HTML plus CSS pair; 'vue' and 'svelte' are generated from that same pair; 'react' is the typed React build. A fetch through this tool IS a copy, recorded exactly as copying from the app is. On the Free plan only components marked `free` in search_components can be fetched; Pro and Agency include every component except premium ones, which any plan fetches once the workspace has bought them (owned: true).

list_templatescomponents:read

The site templates — whole multi-page Astro sites, as opposed to the single components search_components lists. Returns each template's slug, name, tagline, description, accent colour, light/dark tone, its price, whether this workspace owns it, its pages, and how many files and bytes it carries. Templates are sold once per workspace in the Baselumen marketplace; browsing is open to everyone, get_template is the fetch.

get_templatecomponents:read

One template's complete source tree — every .astro page, the components, the stylesheet, the public SVGs and the project files — as a list of {path, content}, ready to write into a folder. The paths are relative to the template root, so writing them under a directory named for the slug reproduces the project exactly. A fetch through this tool IS a copy, recorded exactly as downloading the zip from the app is. Only templates this workspace owns (owned: true in list_templates) can be fetched, on every plan; the rest are bought once per workspace in the Baselumen marketplace.

list_design_tokenscomponents:read

The design system's CSS custom properties — colour, type, radius, shadow, motion — read from the canonical stylesheet (src/styles/sl-design-system.css). Baselumen has no separate token API; this stylesheet is the source the whole app draws from, so these values cannot drift from what components render with.

list_clientsclients:read

The workspace's clients — id, name, slug, website, status, industry. A client-scoped token sees only its own client.

list_custom_componentscomponents:read

The workspace's own custom components — id, componentId (custom:<uuid>, what pins use), name, category, the library component it was forked from, preview tone and dates. No source; fetch one with get_custom_component.

11 of these tools change your workspace and need a write scope; the rest only read. deploy:write and dns:write can already be granted, but no tool uses them yet.

Artwork in millimetres. Pushed to the site.

The designer draws business cards, letterheads, logos and brand assets on artboards measured in millimetres, with bleed, a grid and rulers. The design library files each one under its client, and Push sends the finished artwork to a Terminal site's assets.

Pen, pencil, scissors, knife, a shape builder, and rotate, reflect, scale and shear about an origin you place.
Unite, subtract, intersect and exclude, each written back as one path.
Type in points; images that say when they would print under 300dpi; masks you can edit after.
Every save is a version, and Push proposes by default: it writes only when told to execute.

The design system

An A6 postcard on its millimetre grid, with guides, rulers and the View menu.

Opening night Halden Gallery

Background 145%

Saved 14:32 Workspace Export Push

Opening night · Postcard · A6 · 148 × 105 mm · Halden Gallery

Selection V

Select, move, resize and rotate whole objects and groups.

Inspector

Document

ClientHalden Gallery

SizePostcard · A6 (148 × 105 mm)

Width (mm)148 Height (mm)105

TypefaceInter

Bleed (mm)3 Background

Opening night 148 × 105 mm Grid 5 mm · snap 145%

Artboard presets at real trim sizes: 9
Grid, so snapped edges land on whole millimetres: 5 mm
Drawing tools in one grid: 26
PNG for print, or SVG at trim: 300dpi

Audits that end in a report. Ready to send.

14 working tools in one catalog: 9 that take a URL and grade a live page, and 5 that run in your browser on what you paste. Every run is saved to the workspace, and every graded report prints or downloads as a branded PDF.

Advanced Audit grades one URL with every audit at once, and ranks the failing checks worst first.
Each finding comes with its impact and the fix, so the report reads as a list of work.
Report history follows one tool on one site, so the trend compares like with like.

The tool system

A saved report: the score, the change since the last run, and what failed, needs work and passed.

Baselumen S Stacklumen Overview Libraries Design Tools Workspace Product Search components ⌘K DR

← Back to reports

meridian.example

SEO + AEO Audithttps://meridian.example/servicesOct 8, 2026, 10:42 AM3.1svia the app

Print / PDF Full history Previous run Run again

81/100 ▲ 3 since Sep 29, 2026

2Failing

6Worth fixing

18Passing

Failing2

Image alt textStructure

7 of 12 images are missing an alt attribute.

Templated pages have distinct titlesMetadata

A template is giving every page behind it the same title, or none at all. Bind the title to the item so each page is distinct.

Worth fixing6

Meta descriptionMetadata

Description is short.

Dental care for the whole family.

Canonical URLMetadata

No canonical link — add one to avoid duplicate-content issues.

Open Graph tagsSocial

Missing: og:image.

Twitter CardSocial

No twitter:card tag — links won’t get a rich preview on X.

Heading hierarchyStructure

Heading levels skip a step (e.g. an H2 followed by an H4) — keep the outline sequential for engines and screen readers.

Order: h1 › h2 › h4 › h2 › h3

Author & dates (E-E-A-T)AEO

A date is declared, but no author was found.

Whole sites, not sections. Ready to run.

12 complete Astro sites, 7 pages each, with their own dark mode, mobile menu and drawn product pictures.

Download the folder and run it.
Or let your agent pull it over MCP.
Or open it in Stacklumen Terminal as a site you can edit.

The template system

12 whole sites, each card a preview over its name and tagline.

Baselumen S Stacklumen Overview Libraries Design Tools Workspace Product Search components ⌘K DR

Whole sites, not single components.

12 complete Astro sites — pages, components, styles — written fully static so they import losslessly into Terminal. Buy one once for your workspace, then open it in Stacklumen Terminal as a new site with every section styled, or download the folder and run it anywhere.

Runs standalone npm install && npm run dev inside the unzipped folder. No client JavaScript, no CSS framework, no dynamic routes.

Meridian SaaS product landing

Atelier Studio portfolio

Cadence Web design agency

Ridgeline Management consultancy

Solace Health Healthcare provider

Foundry Consultancy, dark

Kestrel Trade services

Tidewell Personal finance app

Baselumen S Stacklumen Overview Libraries Design Tools Workspace Product Search components ⌘K DR

Meridian SaaS product landing Owned Open preview Open in Stacklumen Terminal Download .zip

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

HomeFeaturesPricingCustomersSecurityTeamAbout DesktopTabletMobile

Meridian Product Customers Pricing Security Start free

NewQuarterly baselines — slip you can measure→ Every deadline, on one timeline everyone can read Meridian turns scattered tasks, threads and spreadsheets into one living plan. Move a date and everything that waits on it moves too — so the next two weeks are never a surprise to anyone on the team. Start free → Take the two-minute tour Free for teams of three Viewers never cost a seat Your spreadsheet imported in ten minutes

Q3 Platform / Timeline TimelineWorkloadDecisions

Projects Q3 Platform Mobile 4.0 Data residency Pricing page Views Critical path only

Workstream July August September

RA Billing migration Dual writes + backfill +2 wks

ID Invoice parity Parity checks

JP Search reindex Cutover

SO Permissions rewrite Roles and policies

DW Onboarding v2 Checklist v2 −1 wk

TL Audit log export Shipped ✓

HL Mobile 4.0 beta 400 testers +1 wk

Today · 14 Aug

Bring your own agent. It works in your workspace.

Baselumen runs an MCP server with 32 tools. Point the agent you already use at it and sign in, and it can search the library, build your own components, pin them to Terminal sites and edit designs. No AI key is stored here: your agent runs on your own plan.

Sign in with your Stacklumen account, or give it a token that carries only the scopes it needs.
Designs are edited with the designer's own 14 drawing operations, saved as one revision.
The baselumen CLI uses the same tokens: log in, search, add a component, scaffold a template.

Agents and MCP

Agents and MCP: the server endpoint, the Authorization header, and a token shown once.

Baselumen S Stacklumen Overview Libraries Design Tools Workspace Product Search components ⌘K DR

ProfileAccountAgents & MCPSettingsSupport

Connection

Baselumen speaks MCP over HTTP. Add this endpoint to your AI agent as a remote MCP server or connector, then sign in with your Stacklumen account when it asks and allow access; no token needed. An agent that cannot sign in, and the Baselumen CLI, use a token instead: create one below, then give your agent the endpoint and send the token in this header.

https://baselumen.com/app/api/mcpCopy Authorization: Bearer bl_3f9a61c0e2b84d7a9c15e0f4b27d8a63c1e905faCopy

Tokens

Build agent: copy it now. This is the only time it is shown. bl_3f9a61c0e2b84d7a9c15e0f4b27d8a63c1e905faCopy

NameWho holds it, for example CI Reach Whole workspace Expires In 90 days

Everything: unrestricted, including tools added later components:read: Search the catalog, fetch source (recorded as copies), and read your custom components, site pins and designs components:write: Create, edit and fork custom components, pin components to a Terminal site, and create, edit and push designs clients:read: Read the client list deploy:write: Deployments — reserved, no write tools exist yet dns:write: DNS — reserved, no write tools exist yet account:read: Read your profile, settings, the workspace and its members account:write: Update your profile, settings and the workspace details

Create token

NameReachScopesLast usedExpires Build agentEnds 05fa Workspace components:read, components:write Never 1/8/2027 Revoke CIEnds 9b0e Workspace All scopes 10/9/2026 No expiry Revoke

Baselumen S Stacklumen Overview Libraries Design Tools Workspace Product Search components ⌘K DR

list_designs components:read

The workspace's design library, most recently touched first: id, name, client, trim size in mm, status and when it changed. No artwork; fetch one with get_design.

get_design components:read

One design: its full document (artboard in mm, trim and bleed, every shape) and, unless svg is false, its artwork as SVG. Shape ids here are what edit_design operations name.

list_design_operations components:read

The designer's drawing operations — add_shape, update_shape, set_paint, set_type, arrange and the rest — with each one's input schema. edit_design applies a batch of them.

list_presets components:read

The artboard sizes (business cards, letterhead, logos, social, A-sizes) and the templates a new design can start from.

create_design components:write

Start a new design on a preset artboard (blank) or from a template, save it to the library, and return its document. Draw on it with edit_design.

edit_design components:write

Apply a batch of the designer's operations to a design and save it as one revision — the same edits the designer makes, in the same order. Operations: add_shape, update_shape, set_paint, set_effects, group_shapes, arrange_shapes, combine_shapes, path_command, transform_shapes, set_type, delete_shape, reorder_shape, set_artboard, set_document (schemas from list_design_operations). The batch stops at the first operation that fails, and nothing is saved then. An open designer tab picks the change up when it next loads the design.

push_design components:write

Send a design's artwork to a Terminal site's assets. propose (the default) records what would happen and changes nothing; execute writes it.

list_pushes components:read

The push log — what was sent where, proposed or executed, and how it went — newest first.

list_assets components:read

The workspace's uploaded assets — images and SVGs the designer can place — with their URLs.

11 of these tools change your workspace and need a write scope; the rest only read. deploy:write and dns:write can already be granted, but no tool uses them yet, so a token created today keeps working when those tools arrive.

Baselumen in numbers

Components: 186
Copy targets: 5
Whole-site templates: 12
Drawing tools: 26
Web tools and audits: 14
MCP tools: 32

One suite, one account. Each app hands its work to the next.

NorthgateSite / Home Desktop Laptop Tablet Phone 65% Preview Publish

Layers

body Body

section Navbar

a .cs-nav__home

nav .cs-nav__links

section Hero

div .cs-hero__copy

h1 .cs-hero__title

p .cs-hero__lede

div .cs-hero__actions

section Feature grid

h2 .cs-features__title

div .cs-features__row

div .cs-card

40 520

Home · Desktop 1200px · base styles

Northgate Work About Journal Enquire

h1.cs-hero__title

Buildings that hold their light.

Inspectorh1

h1 cs-hero__title + class

Default Hover Focus Active

Style Interact Settings

Layout

In parent layout

Spacing

Margin

Padding 480 × 98

Size

Typography

Background

body › section.cs-hero › h1.cs-hero__title snap objects · grid · 65%

Open Terminal

Built on a few strong opinions. Held to what ships.

Baselumen is deliberately narrow. Rather than be everything for everyone, it tries to be very good at the handful of things below.

No demo-ware

Every component and template here is one we would ship to a paying client: no placeholder copy, no broken responsive states, no half-finished interactions.
Aiming for WCAG AA

Semantic markup, keyboard paths, visible focus and AA contrast are the baseline every component is written to. The audits check a page against AA; they do not certify it.
Every change, dated

Baselumen ships in numbered releases. Each one is dated in the changelog and every change is marked added, changed or fixed.
Yours when you copy it

What you copy is plain source in your project: no licence key, no embed script, no badge. Restyle and rebrand it freely.
Tokens, not edits

Shared --sdf-* custom properties for colour, type, radius and easing, each with a fallback. Set one at the root, on a section or on one element.
Paste anywhere

Framework-free HTML and CSS, the same markup as React, Vue or Svelte, or one block for Terminal. It does not care what surrounds it.

One plan for the agency. Chosen once.

The agency picks a plan once, and it carries Baselumen, the Stacklumen Hub and Terminal for every workspace it holds.

See pricing

Free

$0

Build and stage without paying. One editor, one workspace.

1 editor seat, 1 workspace
Pro

$24 /mo

For one person running client work.

1 editor seat, 1 workspace
Agency

$29.99 /mo

For a team, with room to add people and workspaces.

3 editor seats, 2 workspaces

Baselumen is in private alpha. Billing is not switched on: signed-in accounts use everything free, and nothing is charged. We will give notice before billing is switched on, and you will see the price and choose before anything is charged.

Every change, written down. Dated and tagged.

Newest first, each release dated from the day it shipped, and each change marked added, changed or fixed.

Read the changelog

Baselumen S Stacklumen Overview Libraries Design Tools Workspace Product Search components ⌘K DR

What we’ve shipped.

Product updates to Baselumen, newest first. Each release is dated from the day it shipped and marked added, changed or fixed.

v0.18.0 October 9, 2026

The designer added

Print-accurate artboards in millimetres, with bleed and trim marked, for business cards, letterheads, logos and brand assets: shapes, the pen and path tools, type, gradients, effects, templates and history, saved to your workspace and sent to a Terminal site's assets with Push. Open it from Design in the bar; while a design is open the bar becomes the designer's one row.

Designs added

Every design your workspace makes, filed by the client it was made for, under Design → Designs, with search, sorting and the Dev Program a click away from each one.

Designs over MCP added

Your AI agent can list, open, create and edit designs with the designer's own drawing operations, and push them to a Terminal site, on the components scopes it already has.

v0.17.1 October 7, 2026

Clients see their work in Stacklumen changed

An agency invites the people at a client company as guests in Stacklumen, where Shared with you holds their sites, designs, messages and approvals. The old client links in Baselumen now open Shared with you, and the agency screens that went with them are gone.

v0.17.0 October 5, 2026

Your agent connects over MCP added

Your AI agent connects to Baselumen by signing in with your Stacklumen account: add a custom connector with www.baselumen.com/app/api/mcp and allow it. An agent that cannot sign in, and the CLI, can still use a token from Agents & MCP.

The Component Studio over MCP added

An agent can list, read, create and edit your custom components, fork a library component into the Studio, pin components to a Terminal site's designer shelf, and manage your profile, settings and workspace details.

No AI key changed

The in-app agent and the provider-key form are gone. The star opens Connect via MCP, and your agent runs on your own plan.

Let's build something. Send a note.

Questions about the library, the designer, licensing or a custom component? We read every message and usually reply within a business day.

Email: support@stacklumen.com
Response time: Within 1 business day
Based in: Lexington, KY

Thank you! Your message is on its way.

Your message did not send. Email support@stacklumen.com.

Ship better client work.
From one app.

Free while Baselumen is in private alpha: sign in and every component, template, tool and the designer are open. No sales call.

Open Baselumen Read the docs

Build

Follow along

Company

The platform

The resources.

One app. Every deliverable.

Five builds. One markup.

Artwork in millimetres. Pushed to the site.

Audits that end in a report. Ready to send.

Whole sites, not sections. Ready to run.

Bring your own agent. It works in your workspace.

Baselumen in numbers

One suite, one account. Each app hands its work to the next.

Built on a few strong opinions. Held to what ships.

No demo-ware

Aiming for WCAG AA

Every change, dated

Yours when you copy it

Tokens, not edits

Paste anywhere

One plan for the agency. Chosen once.

Free

Pro

Agency

Every change, written down. Dated and tagged.

Let's build something. Send a note.

Ship better client work.
From one app.

One app. Every deliverable.

Five builds. One markup.

Artwork in millimetres. Pushed to the site.

Audits that end in a report. Ready to send.

Whole sites, not sections. Ready to run.

Bring your own agent. It works in your workspace.

Baselumen in numbers

One suite, one account. Each app hands its work to the next.

Built on a few strong opinions. Held to what ships.

No demo-ware

Aiming for WCAG AA

Every change, dated

Yours when you copy it

Tokens, not edits

Paste anywhere

One plan for the agency. Chosen once.

Free

Pro

Agency

Every change, written down. Dated and tagged.

Let's build something. Send a note.

Ship better client work.From one app.

Ship better client work.
From one app.