Welcome to the Stacklumen app·Your home for web development
Documentation & Legal

Build with Stacklumen.

Guides for working with us, what we ship today, what's actively in development — and the legal terms that govern every engagement. This page is the canonical reference for both, covering the Stacklumen App and Client Portal. The matching marketing-side policies live at stacklumen.com/legal and apply equally — same substance, scoped to wherever you land.

Version v0.5.0
Updated May 5, 2026
Status Live
Sections Docs · Legal
01.01 / Introduction

Welcome to Stacklumen.

Stacklumen is a software company in Lexington, KY and Memphis, TN. We build Webflow sites, ship custom applications, and develop tooling for ourselves and the agencies we partner with. This documentation covers how to work with us, and the legal sections below cover the terms that govern that work.

[ Heads up ]
This is a software company building products in addition to client work. Our products — Hublumen, Baselumen, Stacklumen AI — are in active development. Today, the way to work with us is through engagements outlined below.
01.02 / How We Work

How we work

Four phases on every engagement. No bloated discovery decks, no surprise scope, no theater.

  1. 01 / Discover
    Scope and proposal in 72 hours.

    A focused intro call, a written brief, and a fixed proposal back to you within three business days. No drawn-out sales cycles.

  2. 02 / Design
    Design in motion.

    Static comps are dead. We design in Figma and prototype in code — what you approve is what ships.

  3. 03 / Build
    Ship weekly.

    Weekly demos on a staging URL. Feedback in-context, never "the reveal." You see real progress, not slides about progress.

  4. 04 / Launch
    Handover with full ownership.

    Full code ownership, written documentation, and 60 days of post-launch support included on every project.

01.03 / Starting an Engagement

Starting an engagement

The fastest way in is a short note via the contact page. Tell us what you're building, who it's for, and any constraints. We'll respond within 24 hours.

What helps in your first message

  • A one-line summary of what you're building or fixing
  • Your timeline — soft target or hard deadline
  • Budget range, even rough — saves a round of back-and-forth
  • Links to existing site, Figma, or anything we should look at
[ Tip ]
Not sure if your project is a fit? Send it anyway. We'll either say yes, point you to a partner that's a better match, or share notes on the approach for free.
02.01 / Webflow Development

Webflow development

Our core practice. Custom Webflow builds with hand-rolled GSAP animations, Lenis smooth scroll, Finsweet integrations, and embedded systems that stay under platform limits.

What we build

Custom Builds
Full custom Webflow sites with animation systems and CMS architecture. Starting at $8,500.
Migrations
Wix, Squarespace, and WordPress to Webflow without losing SEO equity. Starting at $4,200.
Retainers
Monthly hours for ongoing CMS work, A/B tests, and feature additions. From $1,800/mo.
[ Note ]
All starting prices on this page are reference figures. Final pricing is set in a written proposal after a discovery conversation. See 06.02 — Pricing & estimator for the full disclaimer.

The toolchain we reach for

Every Webflow project leans on the same battle-tested stack:

embed.js webflow
// GSAP + Lenis, < 50KB compressed
import { gsap } from 'gsap';
import Lenis from '@studio-freight/lenis';
 
const lenis = new Lenis({ lerp: 0.1 });
02.02 / App Development

App development

For teams that need more than a marketing site. We build production applications — SaaS platforms, internal tools, marketplaces, client portals — on a modern TypeScript stack.

Our default stack

Frontend
Next.js or Astro, TypeScript, Tailwind, Radix UI primitives
Backend
Supabase, Postgres, edge functions where they make sense
Auth & billing
Supabase Auth or Clerk, Stripe for billing
Infrastructure
Vercel for hosting, Sentry for observability, GitHub Actions for CI/CD

App engagements typically run 8–12 weeks and start at $24,000. We embed with your team, ship weekly, and hand over a fully owned codebase with documentation.

02.03 / Agency Partnerships

Agency partnerships

White-label development capacity for design agencies. Your brand, your client relationship — our engineering team behind the scenes.

How partnerships work

  • Monthly retainer for a defined block of hours, starting at $6,000/mo
  • Direct Slack channel between our team and yours
  • NDA and white-label by default — we don't appear to your client
  • Webflow, custom code, app development, or any mix
[ Note ]
We work with a small number of agency partners at a time to keep responsiveness high. Reach out via the contact page to discuss capacity.
03.01 / Baselumen

Baselumen Launching

A production-ready component library built on SDF — the Stacklumen Development Framework. Every component ships with semantic HTML, real WCAG AA contrast, considered interactions, Schema.org hooks, and neutral defaults that don't fight any brand. Browse the marketing overview at the Baselumen page.

What you get

  • Drop-in components for the patterns every team builds repeatedly — pricing tiers, FAQs, CTAs, section intros, contact modals
  • Webflow Components plus framework-agnostic HTML/CSS source for Astro, Next, or plain HTML
  • BEM class naming that's readable and predictable, with no global selector collisions
  • CSS-variable theming — re-skin everything from :root with no theme files or build step
  • Polished behavior by default: scroll reveals, custom easing, focus management, reduced-motion fallbacks
[ Launch ]
Baselumen launches this week. The first release ships five stable SDF components, with more landing continuously. See 04.04 — Component library for the catalog, or 06.04 — Products in development for the standard forward-looking disclaimer that still governs roadmap features.
03.02 / Hublumen

Hublumen In Development

A client portal application built for agencies and the teams they serve. Project status, invoices, file delivery, feedback rounds, and async approvals — all in a single workspace.

What it does

Project status
Live milestone tracking with weekly demos and staging URLs
Approvals
In-context feedback with threaded comments tied to specific deliverables
Files
Version-tracked file delivery with download history
Billing
Stripe-backed invoicing and payment status
[ Status ]
Hublumen is in active development. We're using it internally with a small group of partners. Public availability planned to follow Baselumen, with no committed launch date.
03.03 / Stacklumen AI

Stacklumen AI Roadmap

A Webflow-native AI co-builder trained on our patterns and embed library. Generate animation timelines, debug class conflicts, translate Figma frames into production-ready embeds.

Currently scoping the first release. Build order is Baselumen first, then Hublumen, then this. See the full roadmap →

04.01 / What SDF Is

SDF — the Stacklumen Development Framework

SDF is the contract every Baselumen component follows. It's not a CSS framework like Tailwind or Bootstrap — it's a set of rules that govern how components are built, so the library reads as one coherent system and you can customize, extend, and ship without fighting the source.

[ Not a CSS framework ]
SDF ships no utility classes and no runtime. There's no .flex or .gap-4, no JS framework lock-in, and no opinion about your build. Components are semantic HTML + CSS with minimal scoped JS where needed — framework-agnostic by design. The full specification lives at stacklumen.com/sdf.

What it governs

Structure
Semantic HTML and a strict heading hierarchy — markup is the foundation, never decoration
Naming
BEM throughout (sdf-block__element--modifier) so any class is self-describing and collision-free
Theming
CSS custom properties for anything that could vary — colour, font, radius, easing, spacing
SEO
Schema.org hooks baked into markup — Offer, FAQPage, Article where they belong
Accessibility
WCAG AA minimum: focus states, contrast, correct ARIA, keyboard support, reduced-motion fallbacks
04.02 / The Nine Principles

The nine principles

Every SDF component is built against the same nine rules. They're what make a Baselumen tier card and a Baselumen FAQ feel like they came from one place.

  1. 01 / Semantic HTML
    The right element for the job.

    <section>, <article>, <header>, <button>, <a> — never a wall of <div>.

  2. 02 / Heading hierarchy
    One <h1> per page; levels never skipped.

    Components that ship a heading expose its level as a prop so it lands at the right depth.

  3. 03 / Neutral defaults
    Monochrome and tasteful out of the box.

    Nothing fights your brand — you opt into colour, not out of it.

  4. 04 / CSS variables everywhere
    Anything a customer might change is a variable.

    Colour, font, radius, easing, spacing. Anything else is a constant. No inline hex.

  5. 05 / BEM class naming
    sdf-block__element--modifier, strictly.

    Read any class on a page and know exactly what it targets. No specificity wars.

  6. 06 / Shallow nesting
    Three to four levels of DOM, max.

    Deep enough to be expressive, shallow enough that the Webflow Navigator stays readable.

  7. 07 / Schema.org where it belongs
    Structured data baked into the markup.

    SEO and AI-crawler indexing with nothing to configure.

  8. 08 / Accessibility baseline
    WCAG AA on every component.

    Visible focus, real contrast, correct ARIA, full keyboard support, reduced-motion fallbacks.

  9. 09 / Advanced UI/UX as standard
    Components behave, not just render.

    Scroll reveals, custom easing, hover with intent, sticky scrollspy, real responsive design.

04.03 / Tokens & Theming

Tokens & theming

Every component ships neutral defaults scoped to --sdf-* variables. Override at any scope — global, section, or single instance. The cascade is the entire customization model: no theme files, no build step, no utility classes.

overrides.css css
/* Global — every SDF component */
:root {
  --sdf-accent: #0075ff;
  --sdf-radius: 8px;
}
 
/* Single instance */
.sdf-tier.special {
  --sdf-accent: gold;
}

Core tokens

--sdf-bg / --sdf-text
Surface background and primary text — default white on near-black ink
--sdf-accent
Primary action colour — defaults to ink, not a brand colour
--sdf-border
Hairline borders, with --sdf-border-2 for stronger edges
--sdf-radius / --sdf-ease
Corner radius and the standard easing curve used across all motion
--sdf-font
Body and display type — Inter / system stack by default
04.04 / Component Library

Component library

Baselumen launches with five stable SDF components, each a reference implementation of the framework. Every one ships as a Webflow Component and as framework-agnostic HTML/CSS source. More land continuously.

sdf-tier
Pricing tier card with featured variant, configurable deliverables list, and Schema.org Offer markup
sdf-faq
Accordion on native <details>/<summary> — ARIA, keyboard support, FAQPage markup, zero JS
sdf-cta
Standalone call-to-action block with eyebrow, headline, and primary + optional secondary action
sdf-section-intro
Reusable section opener — eyebrow label, headline, supporting body, and an optional link
sdf-contact-modal
Contact form in a native <dialog> — focus trap, Escape-to-close, backdrop, scroll lock
[ All stable ]
Every launch component is v1.0.0, stable, and versioned with semver per component. See the marketing overview at the Baselumen page, the framework reference at stacklumen.com/sdf, or open a component ticket at SDF support.
04.05 / The Stack

The stack

We're opinionated about tools because they shape outcomes. This is what we reach for on every engagement.

[ CMS ]
Webflow — marketing and content sites
[ Framework ]
Next.js — production applications
[ Static ]
Astro — content-heavy sites
[ Commerce ]
Shopify — DTC and ecommerce
[ Animation ]
GSAP — timelines and ScrollTrigger
[ Scroll ]
Lenis — smooth scroll engine
[ Primitives ]
Radix UI — accessible components
[ Styling ]
Tailwind — utility-first CSS
04.06 / Design Tokens

Design tokens

The token system we use across our own properties — Webflow embeds, the Hub, and product surfaces. These map directly onto the SDF --sdf-* tokens that Baselumen components consume.

tokens.css css
:root {
  --accent: #0075ff;
  --text: #0a0a0a;
  --bg: #fff;
  --border: #ebebeb;
  --radius: 2px;
}

With Baselumen launching, these tokens are exposed as the --sdf-* variable set every component reads from — with Webflow variable sets, Tailwind configs, and Figma libraries following.

04.07 / Best Practices

Best practices

Guidelines we follow on every project. Adopt as much or as little as fits your workflow.

Performance

  • Code-split aggressively in app builds
  • Serve modern image formats and lazy-load below the fold
  • Keep Webflow custom code under the 50KB embed limit
  • Monitor Core Web Vitals as a CI check, not an afterthought

Accessibility

  • Semantic HTML before any ARIA
  • Full keyboard navigation, including modal traps and skip links
  • Real alt text — describe the image, not the file name
  • Test with VoiceOver and a keyboard before shipping

Security

  • Validate all user input server-side, every time
  • Secrets in environment variables, never in client code
  • Row-level security on Postgres tables, not just app-layer checks
  • Audit dependencies monthly, patch critical CVEs immediately
05.01 / Contact

Contact

For new projects, the contact page is the fastest way in. For help with an active engagement or product issue, the support page creates a tracked ticket. Email works for either.

Email
support@stacklumen.com for new projects or active engagements
New project
The contact page captures budget, timeline, and project type for the fastest reply
Support
The support page creates a tracked ticket and routes to the right person automatically
Slack
Direct channel for retainer and partnership clients
Legal
support@stacklumen.com for matters relating to terms, privacy, or IP
05.02 / Response Times

Response times

We respond to every inbound within 24 hours on business days — usually faster. Active engagements get same-day response on Slack. Response times are targets, not guarantees, and may vary based on volume and capacity.

  • New project inquiries — within 24 hours
  • Active client tickets — same business day
  • Retainer and partnership clients — within 4 business hours
  • Production incidents on supported sites — within 1 hour
[ Ready to start? ]

Tell us about your project.

The fastest way in is a short note. We'll respond within 24 hours, usually faster.

Deployed with Webflow