Components, templates, design and tools for agentic work Free to start · Stacklumen Base $29.99/mo

Work that actually wins the client.

Stacklumen Base exists to give agencies production-grade work to build on — components that make a site feel considered and trustworthy the moment it loads, whole-site templates, and a print-accurate designer for the brand around it. Strong styling, user-first design, and the hard parts built properly.

The library: 186 components, each with its styles, copied into Terminal as native elements.

Four things we refuse to compromise on.

Styling, the people using it, the hard parts and the print. Each one is a rule the library and the designer are held to.

  • Styling that actually lands

    Every component ships pixel-considered — real type scale, hairline borders, tuned spacing, and a restrained accent system. Not a wireframe you have to finish. Drop one in and the page already looks designed.

    Inter type system, tabular numerals · Hairline 1px borders, calibrated radii · One disciplined accent — used sparingly

  • User-first by construction

    Built to WCAG AA — semantic markup, keyboard paths, focus states, ARIA where it counts, and reduced-motion respect. Light and dark from the same tokens. Your visitors get a product that feels considered, not decorated.

    Keyboard + screen-reader ready · Light + dark from one token set · Motion that respects prefers-reduced-motion

  • Sophisticated where it counts

    Command palettes, animated pricing toggles, mega menus, comparison matrices, live status boards — the hard components, built properly. Variants are modifier classes, so a variant is a class, not a rewrite.

    ⌘K command menu, animated tabs · Variants as modifier classes · 186 components across every page section

  • Print-accurate, not approximate

    The brand work around a site is drawn to size. The designer measures artboards in millimetres with trim and bleed marked, starts from 9 presets from an 85 × 55 mm business card to A4, and exports SVG first, so the geometry reaches the printer and the site intact.

    Artboards in mm, with bleed marked · SVG first, PNG for print or screen · Pushed straight to a Terminal site

The hard parts, built. A variant is a class.

Command palettes, animated pricing toggles, mega menus, comparison matrices, live status boards — the hard components, built properly. Variants are modifier classes, so a variant is a class, not a rewrite.

  • ⌘K command menu, animated tabs
  • Variants as modifier classes
  • 186 components across every page section
Copy for Terminal, then ⌘V on a page: the component lands as ordinary elements.

What arrives already done.

The work on the left is what every build asks for. What Stacklumen Base hands over is beside it.

Resolve spacing, type and colour for every section
Ships design-complete — spacing, type and colour already resolved
Add accessibility after the fact
Semantic and keyboard-ready from the first line
Build the hard sections from scratch
Command menus, matrices and status boards, already built
Rebuild each section by hand in the site builder
Copy for Terminal, then ⌘V: the section lands as native elements, ready to edit
Start every site from an empty folder
12 whole-site templates that import into Terminal without losing a section
Redraw the logo and the cards for print, then again for the web
One artboard in millimetres, exported as SVG and pushed to the site

Print-accurate. Not approximate.

The brand work around a site is drawn to size. The designer measures artboards in millimetres with trim and bleed marked, starts from 9 presets from an 85 × 55 mm business card to A4, and exports SVG first, so the geometry reaches the printer and the site intact.

  • Artboards in mm, with bleed marked
  • SVG first, PNG for print or screen
  • Pushed straight to a Terminal site

Document

Size
Width (mm) 100
Height (mm) 100
Bleed (mm) 0
Background None
The designer’s document presets: real trim sizes in millimetres, each with its printer’s bleed. A logo starts with no background. The drawing is the Stacklumen Base designer with an artboard and its Document panel. Choosing a size — Logo · square (100 × 100 mm); Logo · horizontal (200 × 60 mm); Business card · 85 × 55 mm; Business card · 3.5 × 2 in; Business card · 65 × 65 mm; Postcard · A6 (148 × 105 mm); Flyer · A5 (148 × 210 mm); Document · A4 (210 × 297 mm); Social · 1080 × 1080 px @ 72dpi — resizes the artboard to it and shows its bleed as a dashed trim line.

Counted when this page is built.

Components you copy into Terminal
186
Artboard presets, in mm
9
Built to
WCAG AA

Build sites that win the pitch.

Nothing to install. Every component lands in Terminal with its classes and styles, and every design arrives with its trim and bleed — ready to make your own.