A short, declarative headline that lands.

Two lines of supporting copy that explain the value without repeating the headline. Keep it scannable.

Where do you want to start?

Card one

Tag

Brief description for this entry point. One sentence is plenty.

Card two

Tag

Brief description for this entry point. One sentence is plenty.

Card three

New

Brief description for this entry point. One sentence is plenty.

Got a question?Get in touch

stable Content

SDF Hero

The Baselumen hero — a dark, full-bleed headline section with supporting copy and a floating card cluster.

View & copy

stable Navigation

SDF Navbar

The Baselumen navbar — a sticky top bar with a mega-menu dropdown and a primary CTA.

View & copy

stable Content

SDF Section Intro

The Baselumen section intro — eyebrow, balanced heading, and a supporting lede to open a section.

View & copy

stable Conversion

SDF CTA

The Baselumen CTA — a focused call-to-action block with primary and secondary actions.

View & copy

Pricing

Brand work, priced so you know exactly what you're buying.

Pick a tier. Lock the scope. Ship without surprises. Every option below comes with a fixed price, a defined deliverable list, and a clean handoff.

01 / Tier

Mark

A single primary mark with variations, color palette, and typography pairing. Delivered as vectors with the file types you actually need.

Get started

02 / Tier

Identity

Logo system + brand standards: color, type, imagery direction, social kit, and a usage guide your team can hand to anyone. Ready for launch.

Get started

03 / Tier

$12,000starting

System

Discovery, positioning, voice, identity, motion principles, and a brand book that reads like a product spec. For brands building something durable.

Get started

stable Conversion

SDF Pricing

Three pricing tiers with amount, a deliverables footer, and a featured tier — the real Webflow Pricing component.

View & copy

stable Navigation

SDF Command Menu

A keyboard-first ⌘K command palette — fuzzy filter, grouped results, and full arrow/enter/esc keyboard navigation. Bind the global hotkey or drop in the built-in trigger.

View & copy

Free

Browse the full library with live previews.

$0/mo

Get started

Browse all components
Live component previews
Community support

Most popularPro

Full source across every surface, plus the CLI.

$19/mo

Billed monthlyUpgrade to Pro

Full component source
React, Webflow & Figma
CLI access to pull components
New components weekly

Team

For studios shipping across many client sites.

$49/mo

Billed monthlyContact sales

Everything in Pro
5 seats included
Priority support
Private component requests

stable Conversion

SDF Pricing Toggle

Pricing tiers with a monthly/yearly billing switch that animates the amounts and reveals the annual saving. Tabular figures, a featured tier, light + dark.

View & copy

Why teams switch

Everything you need, nothing you don't.

Copy-paste ready

Every component is one self-contained file. Paste it in and it just works.

Tokenized

Re-skin the whole set by overriding --sdf-* tokens at any ancestor.

Accessible

Keyboard-tested, screen-reader-tested, contrast-checked before it ships.

Framework-free

Vanilla HTML/CSS in Webflow, headless primitives in React. Same DOM.

Dark mode

Light and dark surfaces from the same tokens — no duplicate markup.

Versioned

Every component carries a version number and a changelog entry.

stable Content

SDF Feature Grid

Responsive grid of icon + title + body features with hairline dividers. 2/3/4 columns.

View & copy

Platform

Everything in one composable surface

Realtime sync

Changes propagate across every connected client in under 50ms, with optimistic local updates and automatic conflict resolution.

Edge delivery

Served from 300+ locations so assets land close to your users.

Granular roles

Scope access down to the field with policy-based permissions.

Audit trail

Every mutation is logged and queryable.

Open API

REST and GraphQL endpoints generated from your schema, fully typed and versioned out of the box.

stable Content

SDF Bento

An asymmetric bento grid of hairline-bordered content cells where span:2 items stretch full width.

View & copy

stable Content

SDF Stat Strip

A row of headline metrics with tabular figures and hairline dividers. Light + dark.

View & copy

stable Content

SDF Testimonial

A pull-quote testimonial with a large quote and an attribution row featuring an accent square avatar of the author's initials.

View & copy

stable Content

SDF Logo Marquee

A horizontally scrolling strip of text wordmarks that loops seamlessly, pauses on hover, and respects reduced-motion.

View & copy

Compare plans

Everything you need, by tier

Features	Starter	Most popularTeam	Enterprise
Components included	12	48	Unlimited
Team seats	1	10	Unlimited
Figma library access
Webflow component sync
Custom theming tokens
Priority support
Single sign-on (SSO)

stable Content

SDF Comparison Table

A feature comparison matrix across plans with a sticky header, a highlighted recommended column, check/dash booleans, and mobile horizontal scroll.

View & copy

FAQ

Frequently asked questions

Find answers to the most common questions about pricing, process, and deliverables. Still have something specific in mind?

First question goes here?

Clear, direct answer that resolves the question without burying the point.

Second question goes here?

Answer for the second question. The shared name attribute makes the accordion exclusive.

Third question goes here?

For multi-open behavior, remove the name attribute or give each details a unique name.

Fourth question goes here?

Native details and summary ships keyboard support, ARIA semantics, and screen reader behavior out of the box.

stable Interactive

SDF FAQ

The Baselumen FAQ — an accessible accordion with smooth expand and collapse.

View & copy

stable Interactive

SDF Tabs

An underlined tab interface with an animated active indicator and full keyboard/ARIA support.

View & copy

stable Navigation

SDF Footer

The Baselumen footer — a multi-column footer with link groups, brand mark, and a legal row.

View & copy

stable Forms

SDF Contact Form

A labeled, accessible contact form with name, email, optional company, and message fields that flips to a thank-you state on submit.

View & copy

stable Forms

SDF Newsletter

Inline email capture with single-row input, inline validation, and a success state, designed to sit on light or dark surfaces.

View & copy

stable Elements

SDF Banner

A slim full-width announcement banner with a leading dot, centered label, trailing arrow link, optional dismiss, and accent/dark/neutral tones.

View & copy

stable Navigation

SDF Breadcrumb

A restrained, overflow-safe breadcrumb trail with slash or chevron separators and the last item marked as the current page.

View & copy

stable Elements

SDF Badge

A small uppercase status pill with hairline border, four color tones, and an optional status dot.

View & copy

stable Elements

SDF Button

A button or link element with primary, secondary, and ghost variants, three sizes, and an optional trailing arrow icon.

View & copy

stable Forms

SDF Contact Modal

The Baselumen contact card — heading, a two-column form + media panel, and a 'prefer a call' footer.

View & copy

Latest essay · 14 min read

The web platform got remarkably good, and most teams still write code like it didn’t.

By First LastJune 18, 2026

stable Content

SDF Blog Hero

Editorial blog masthead splitting a featured essay beside a ruled list of recent posts.

View & copy

Open roles

Two open seats. Both senior.

We hire rarely and we hire deep. Both of these are real, both are open through end of quarter.

Engineering

Senior Frontend Engineer

React, TypeScript, opinions on CSS. Comfortable owning a project end-to-end with a designer.

Remote · US/EU

Design

Senior Product Designer

Heavy interaction craft. Comfortable shipping in code, or working closely with engineers who do.

Remote · US/EU

stable Content

SDF Careers

Eyebrow, title, and lede above a list of role links with location and hover-lift arrows.

View & copy

v3.2.0
June 18, 2026
Feature
Mega menu component with combo class support.
Ships the long-awaited dropdown navigation pattern with full keyboard support, native open-state class targeting, and copy-paste portability across Webflow projects without custom code.
- Added sdf-navbar__dropdown-panel with 4 layout variants
- Pseudo-element hamburger morph (no custom JS required)
- Sticky navbar + locked dropdown panel on scroll
v3.1.2
June 11, 2026
Fix
Stats grid responsive overflow on tablet.
Fixed a regression where the four-up stats grid would overflow horizontally on narrow tablets. Now collapses to 2x2 at the medium breakpoint.
v3.1.0
May 28, 2026
Breaking
Removed legacy font tokens.
All deprecated --sdf-font-mono and --sdf-font-serif tokens are now removed. Components fall back to --sdf-font for any face.
- Replace all var(--sdf-font-mono) with var(--sdf-font)
- For mono-look feel: use uppercase + tight letter-spacing
v3.0.5
May 20, 2026
Feature
New hero video pattern with edge gradients.
Adds a hero pattern with full-bleed video background and configurable edge-gradient blends to navbar and next-section colors.
v3.0.2
May 14, 2026
Docs
Rewrote theming guide with five-token recipe.
New theming guide shows how to reskin the entire library by overriding just five CSS variables. Replaces the old 20-token approach.
v3.0.0
April 30, 2026
Breaking
SDF 3.0 — the second rewrite.
Library rewritten from the ground up. New BEM naming, new tokens, new structure. Migration guide ships separately.

stable Content

SDF Changelog

Left-ruled release timeline with version, date, colored type tags, and per-entry change lists.

View & copy

stable Marketing

SDF Changelog Hero

Changelog hero with eyebrow, large title, lede, pill filter bar, and an RSS link.

View & copy

Three ways to reach us

Pick the channel that fits your question.

01

Chat with us

Live chat for quick questions. The team is online Mon–Fri, 9am–6pm Eastern.

~3 min response

02

Open a ticket

For longer or more complex issues. We respond within 4 business hours during weekdays.

~4 hr response

03

Community forum

Search what others have asked, or post your question. Maintainers triage daily.

~24 hr response

stable Content

SDF Channels

Three-up grid of contact-channel cards with number, title, body, and response time; middle featured.

View & copy

stable Forms

SDF Contact Hero

Two-column contact hero pairing info and methods with a sticky message form card.

View & copy

stable Content

SDF Contact Stats

Eyebrow and title above a ruled four-up grid of response stats collapsing to two-up.

View & copy

stable Marketing

SDF Docs Hero

Centered docs hero with eyebrow, title, a pill search bar, and popular quicklinks.

View & copy

stable Conversion

SDF Enterprise

Dark CTA band pairing eyebrow, title, body, and button with a ruled meta list.

View & copy

Most asked, this month.

stable Content

SDF Help FAQ

FAQ section with an eyebrow, title, and auto-fit cards grouping topic question links by category.

View & copy

stable Content

SDF Locations

Eyebrow and title above a three-up grid of location cards showing region, city, and address.

View & copy

01
Small enough to hold.
If one person can’t hold the system in their head, the system is too big. Legibility is the precondition for everything else.
02
Document the why.
Every non-obvious decision earns a paragraph. Future-you and the next person on the project will thank present-you.
03
Ship narrower, more often.
A small thing in production beats a big thing in planning. Cut scope first, learn, iterate, repeat.
04
Show the seams.
Honest interfaces beat magical ones. Expose the mechanics so people can reason about what they’re using.
05
Standards before frameworks.
The platform got remarkably good. Most of what we used to need a framework for is now one CSS property or a native element.
06
No middle layer.
Every project gets the same hands from first call to final ship. There’s no “senior” swapped out for “junior” after the contract is signed.
07
Quiet beats loud.
A well-built thing doesn’t need a pitch. Most of our work comes from referrals from people whose sites kept working when ours kept shipping.

stable Content

SDF Manifesto

Sticky left rail beside a numbered belief list with large ghost numerals and supporting copy.

View & copy

stable Content

SDF Matrix

Feature-comparison table with a dark header row and per-tier values shown as checks, dashes, or numbers.

View & copy

stable Marketing

SDF Mission

Centered mission statement with an eyebrow, large heading, and supporting body copy.

View & copy

stable Marketing

SDF Mission Hero

Editorial hero with a meta row, oversized statement headline, and a footer counter plus scroll link.

View & copy

stable Forms

SDF Newsletter Band

Two-column band pairing eyebrow, title, and copy with an email signup form and reader count.

View & copy

The team

Each person plays exactly one role.

First Last

01 of 06

Founder · Strategy

Eight years building modern stacks for small teams. Decides what we take on, frames every engagement, and stays on every project through final handoff.

Based: Brooklyn, NY
Joined: 2018 · founder
Focus: Brand, scope, sales

First Last

02 of 06

Engineering Lead

Full-stack engineer who treats every API like it’s load-bearing. Lives in the terminal, ships on Fridays, opinion on every framework you’ve heard of.

Based: Lisbon, PT
Joined: 2019 · second hire
Focus: Backend, infra, perf

First Last

03 of 06

Design · Brand

Designer and brand thinker. Believes typography is 80% of design and the other 20% is being patient. Owns every visual decision that ships from us.

Based: Mexico City
Joined: 2020
Focus: Type, identity, motion

stable Content

SDF People

Eyebrow and title above alternating portrait/bio rows with name, role, bio, and a facts list.

View & copy

stable Content

SDF Popular

Head with eyebrow, title, and all-guides link over a two-up grid of guide cards with view and read-time meta.

View & copy

stable Marketing

SDF Portfolio Hero

Hero with eyebrow, display headline, lede, and a large featured-project card linking to a case study.

View & copy

Everything we’ve written, by date.

All Engineering Process Design Field notes

2026 — 06.18

Engineering

The web platform got remarkably good, and most teams still write code like it didn’t.

A practical case for using the platform first — native dialog, native popovers, anchor positioning, view transitions.

14 min

2026 — 06.11

Engineering

Why we stopped reaching for build tools first.

For most marketing sites and small apps, the toolchain is the bug. A walk through how we cut ours by 80%.

8 min

2026 — 06.05

Process

Documenting the why is the only documentation that scales.

What-docs go stale in a week. Why-docs stay useful for years. How we structure ours.

6 min

2026 — 05.28

Field notes

Three things we changed our minds about this quarter.

Server components, image CDNs, monorepos. A short essay on each, and why our positions shifted.

4 min

2026 — 05.20

Design

The case for fewer breakpoints.

Most design systems carry too many. How to design with three breakpoints (or two, or one).

9 min

stable Content

SDF Posts

Archive section with filter pills and a ruled date/category/title/excerpt post list, each row a link.

View & copy

Common questions

Eight things people ask.

01What if my project doesn’t fit into a tier?

Reach out. We do custom-scope engagements when there’s a real reason. The tiers cover ~80% of inquiries cleanly — the other 20% we shape together.

02Is there a retainer option?

No. Retainers tend to turn into either over-billing or under-shipping. We engage per project. If you need ongoing work, we re-engage.

03When do I pay?

50% at kickoff, 50% at final handoff. Net 14 days. Wire or ACH preferred; cards work for under $5k.

04What happens if scope changes mid-project?

Small drift is included. Significant scope changes go through a change order with a re-quote. Honest, no surprises.

05Do you sign NDAs?

Yes — our standard mutual NDA works for most. Custom NDAs are reviewed by our legal counsel before signing.

06Who owns the work?

You do, fully, after final payment. We retain the right to show selected work in our portfolio unless you ask us not to.

07Do you work internationally?

Yes. We invoice in USD by default. Wire and ACH from any country. We work async across timezones with weekly sync calls.

08What if I’m not happy with the work?

We rework until you are, within scope. If something has fundamentally drifted apart, we have a kill-fee clause that’s fair to both sides.

stable Content

SDF Pricing FAQ

Numbered accordion of FAQ rows with circular plus/close icons that open exclusively.

View & copy

How we work

Four phases. Five to ten weeks.

01

Scope

1 week

Define what we’re building, what we’re not, and the smallest version that ships.

02

Design

2–3 weeks

Brand, layout, system, and interaction. End of phase: clickable prototype.

03

Build

2–5 weeks

Engineering with weekly review milestones. Staging environment from day one.

04

Ship

1 week

Launch, monitoring, handoff. Plus a written post-mortem for your team.

stable Content

SDF Process

Four-up phase grid showing numbered steps with rule bars, durations, and descriptions.

View & copy

All projects

Index. Twelve projects, in order.

0012026

Northwind

Identity, marketing site, and component library for a B2B fintech.

BrandWebLibrary

0022025

Solaria

Marketing redesign and dashboard MVP for a solar installer co-op.

ProductWeb

0032025

Field Notes

Editorial system and CMS migration for a long-form publication.

EditorialCMS

0042024

Hollis Type

E-commerce site and brand refresh for an independent type foundry.

BrandE-comm

0052024

Cadence Audio

Web app for a music collaboration platform. Real-time, embedded.

Product

0062024

Pith & Branch

Brand identity and packaging system for a small-batch tea importer.

BrandPackaging

stable Content

SDF Projects

Three-up grid of project cards with media, number/year meta, title, description, and tag pills.

View & copy

01
Install or link the library.
```
npm install @sdf/core
```
Prefer no build step? Use the CDN: https://cdn.sdf.dev/v3/core.css
02
Drop a component into your markup.
```
<section class="sdf-hero">
  <h1 class="sdf-hero__title">Hello, world.</h1>
</section>
```
Every component is plain HTML + BEM classes. No JSX, no compilation.
03
Theme it with CSS variables.
```
:root {
  --sdf-accent: #005fff;
  --sdf-radius: 4px;
}
```
Six tokens reskin the whole library. The rest is incremental.

stable Content

SDF Quickstart

Sticky aside beside a numbered list of install steps, each with a code block and note.

View & copy

stable Content

SDF Quote

Pull-quote section with an oversized quote mark, balanced blockquote, and ruled attribution block.

View & copy

Specialties

What the room knows.

Six people, deep on a focused set of disciplines. No agency-style “we do everything.”

A

Web engineering

Modern stacks. Next, Astro, plain HTML when it’s the right answer. CMS-agnostic, infra-aware.

B

Brand systems

Identity, typography, voice. Built to scale across web, product, and the messy real world.

C

Product design

App and dashboard work for small teams. Heavy on interaction craft and information design.

D

Content strategy

Documentation, voice guides, narrative architecture. The writing layer most teams skip.

stable Content

SDF Specs

Eyebrow, title, and lede above a ruled four-up grid of lettered specialty cells.

View & copy

stable Content

SDF Stats

Ruled four-up stat grid pairing large values with labels beneath an eyebrow and title.

View & copy

stable Content

SDF Status

Status dashboard with a head and grid of service cards showing status pills, uptime strips, and totals.

View & copy

Founding story

How we got here.

2018
Started as a side project.
Two engineers, a freelance gig, and a strong opinion about documentation. Shipped the first client site over a weekend.
2021
Built the first internal toolkit.
After ten projects, the patterns were obvious. We codified them into reusable pieces — the seed of what later became SDF.
2024
Opened the toolkit publicly.
Realized other small teams faced the same problems. Started publishing components and documentation as a library other people could use.
Now
Same belief, more leverage.
A handful of people, shipping serious work for small teams. The toolkit keeps growing because the projects keep teaching us new things.

stable Content

SDF Story

Founding-story timeline pairing year markers with title and body copy in top-ruled two-column rows.

View & copy

stable Conversion

SDF Subscribe

Two-column subscribe band with intro copy beside a ruled, hover-indent list of feed and email options.

View & copy

stable Marketing

SDF Support Hero

Centered support hero with a status pill, display headline, lede, and a pill-shaped search bar.

View & copy

Team

A small, deliberate group.

No middle layer. Every project gets the same hands from first contact through final ship.

First Last

Founder · Strategy

Eight years building modern stacks for small teams. Previously led product at a Y Combinator-backed startup.

First Last

Engineering Lead

Full-stack engineer who treats every API like it's load-bearing. Lives in the terminal, ships on Fridays.

First Last

Design · Brand

Designer and brand thinker. Believes typography is 80% of design and the other 20% is being patient.

stable Content

SDF Team

Team section with intro copy above a three-up card grid of portraits, names, roles, and bios.

View & copy

stable Marketing

SDF Team Hero

Split team hero with display headline, lede, and three-up meta beside a grid of gradient tiles.

View & copy

Pricing

Three tiers. Fixed scope per engagement.

No retainers. No surprise quotes. Every tier locks scope and price at kickoff. You pay once per phase.

For early stage

Mark

$1,500/ project

A primary mark, three lockup variations, color palette, and a typography pairing. Delivered as production-ready assets.

Primary mark plus 3 lockups
Color palette (hex, RGB, CMYK)
Typography system (1–2 faces)
One round of revisions
Asset handoff (SVG, PNG, PDF)

Start Mark

Most chosen

For growth stage

Identity

$4,500/ project

Logo system, brand standards, imagery direction, social toolkit, and a usage guide your team can hand to anyone.

Everything in Mark
Voice and tone guide
Photography / imagery direction
Social media toolkit (8 templates)
PDF brand standards document
Two rounds of revisions

Start Identity

For mature teams

System

$12,000starting

Discovery, positioning, voice, identity, motion principles, and a brand book that reads like a product spec.

Everything in Identity
Positioning and naming workshop
Motion principles and reference
Full brand book (40–60 pages)
Component library (Figma + code)
Unlimited rounds within scope

Start System

stable Commerce

SDF Tiers

Centered header above a three-up pricing grid with a dark featured plan and a most-chosen badge.

View & copy

Browse by topic

Six areas. Forty-plus guides.

0112 guides

Getting started

Install, configure, and ship your first SDF page in ten minutes flat.

028 guides

Tokens · Theming

Override CSS variables to re-skin every component without touching the source.

0311 guides

Components

Every component, every variant, with copy-paste recipes for common use cases.

045 guides

Layout primitives

Stacks, grids, and container patterns that compose into every page in the library.

054 guides

Migrating

Move from Tailwind, Bootstrap, or hand-rolled CSS into SDF without rewriting the world.

067 guides

Recipes

Real-world implementation patterns: dark mode, RTL, motion, and accessibility.

stable Navigation

SDF Topics

Documentation topic browser with a three-up grid of hover-lift cards showing icon, count, title, and description.

View & copy

Principles

Four ideas we keep coming back to.

01

Build small enough to hold.

If one person can’t hold the system in their head, the system is too big. We design for legibility before scale.

02

Document the why.

Every non-obvious decision gets a paragraph. Future-you and your team will thank present-you.

03

Ship narrower, more often.

A small thing in production beats a big thing in planning. Cut scope, learn, iterate, repeat.

04

Show the seams.

Honest interfaces beat magical ones. We expose the mechanics so people can reason about what they’re using.

stable Content

SDF Values

Principles section with intro copy above a ruled two-up grid of numbered value cards.

View & copy

stable Marketing

SDF Hero Split

Two-column marketing hero — eyebrow, headline, lede, primary + secondary actions, an optional trust row, and a media panel.

View & copy

stable Navigation

SDF Navbar Pro

Floating glass-pill navbar — frosted backdrop, gradient logo mark, centered links, and a sign-in + primary-CTA pair.

View & copy

stable Conversion

SDF CTA Banner

Dark, gradient call-to-action banner — glass-pill eyebrow, headline, supporting copy, and a pair of action buttons.

View & copy

Build

Ship polished pages in a weekend

Drop in production-grade sections and go. Every component is accessible, responsive, and built to compose with the next.

Copy-paste HTML or drag Webflow components

Framework-free, zero dependencies

Accessible and responsive by default

Scale

One source of truth, every surface

Design tokens keep code, Webflow, and Figma in lockstep. Update once and every surface stays consistent — no drift, no rebuilds.

Shared design tokens across all three surfaces

Theme globally with CSS variables

Update once, ship everywhere

stable Features

SDF Feature Split

Alternating image / text rows — a headline, body, and checklist paired with a framed visual, flipping sides for a zig-zag rhythm.

View & copy

stable Features

SDF Integrations

A centered heading over a tidy grid of integration tiles, each pairing a small accent-gradient mark with a tool name.

View & copy

stable Features

SDF Steps

A row of numbered process cards — a sequenced how-it-works block where each step gets a number tile, title, and short description.

View & copy

Product

How we cut dashboard load times by 80%

A deep dive into the query engine rewrite behind Northwind 2.0.

Maya Chen · Mar 12

Engineering

Designing a real-time collaboration layer

Presence, cursors, and conflict-free edits — how we built live collaboration.

Priya Nair · Feb 28

Company

What we learned shipping to 10,000 teams

Lessons from our first two years scaling Northwind.

Alex Rivera · Feb 14

Analytics

The metrics every product team should track

A practical framework for activation, retention, and expansion.

Jordan Kim · Jan 30

Guides

Set up your first dashboard in 5 minutes

A step-by-step guide to going from signup to your first insight.

Sam Okafor · Jan 18

Design

Why we rebuilt our design system

How a token-driven system keeps Northwind consistent everywhere.

Sam Okafor · Jan 5

stable Content

SDF Post Grid

A blog / resource card grid — three-up whole-card links with cover image, category pill, title, excerpt, and author · date meta.

View & copy

stable Content

SDF Timeline

A vertical timeline / process rail — ordered moments on a continuous rail, each with a label, heading, and short description.

View & copy

stable Social proof

SDF Metrics

A row of headline metrics — a big value, a muted label, and an optional delta line per stat.

View & copy

stable Social proof

SDF Logos

A trusted-by logo strip — an optional centered eyebrow above a row of monochrome logos.

View & copy

stable Team

SDF Members

A team member photo grid — portrait cards with name and role, three-up on desktop, collapsing to two- then one-up.

View & copy

stable Team

SDF Roles

An open-roles list — one clickable row per position with title, department · location, and an Apply affordance.

View & copy

stable Content

SDF Support

A support-options section — three icon-link cards routing to sales, support, and docs, each a whole-card link.

View & copy

stable Marketing

SDF Page Hero

A reusable centered page header — glass eyebrow pill, a large balanced headline, and a supporting lede for interior pages.

View & copy

stable Content

SDF Showcase

A browser-framed product screenshot — window chrome with traffic-light dots around a 16:9 image on a soft elevation shadow.

View & copy

stable Content

SDF Featured

A magazine-style featured post — one large split card with media, a dark-pill tag, headline, excerpt, byline, and a read link.

View & copy

Customer story

We replaced three separate tools with Baselumen and cut our build time in half. Churn dropped almost immediately once onboarding stopped feeling like a chore.

Mara Devlin

VP Product, Northwind

−32%

Reduction in monthly churn

4×

Faster time to first launch

Fintech

+58%

Ledgerline

Lifted trial-to-paid conversion after rebuilding the pricing flow.

SaaS

2.1s

Cadence

Cut largest-contentful-paint by shipping framework-free sections.

E-commerce

+24%

Fieldnote

Grew average order value with a redesigned product story page.

Healthcare

99.9%

Vitalis

Hit their accessibility target on the first audit with semantic markup.

Media

3×

Broadsheet

Tripled newsletter signups after reworking the subscribe module.

Agency

−40%

Studio Roam

Slashed handoff time by shipping components clients could paste anywhere.

stable Social proof

SDF Cases

A customer-stories section — one dark, glowing featured story with a pull-quote and stats, followed by a grid of compact metric cards.

View & copy

Frequently asked questions

Is there a free trial?

Yes. Every paid plan starts with a 14-day free trial — no credit card required to begin. You get full access to that plan's features for the duration.

What happens when my trial ends?

We'll email you before the trial closes. If you've added a payment method, you'll roll onto the plan you tried; if not, your workspace drops to the free Starter tier with your data intact.

Can I change plans later?

Anytime. Upgrades take effect immediately and are prorated; downgrades apply at the start of your next billing cycle so you keep what you've paid for.

Do you offer discounts?

Annual billing saves roughly two months versus paying monthly. We also offer discounted pricing for students, nonprofits, and early-stage startups — reach out and we'll sort it out.

How does billing work?

Billing is handled securely through Stripe. You're charged per seat on your chosen cycle, and every invoice is available to download from your account's billing page.

Is my data secure?

We're SOC 2 Type II certified. Data is encrypted in transit and at rest, access is role-scoped, and we never sell or share your information with third parties.

stable Content

SDF Q&A

A static FAQ section — a centered heading above a bordered card stacking question/answer pairs. No JavaScript; every answer visible.

View & copy

stable Navigation

Northwind Nav

Site-wide top navigation bar rendered as a shared component instance, repeated on every page.

View & copy

stable Navigation

Northwind Footer

Site-wide footer with grouped Product, Company, and Legal link columns.

View & copy

stable Navigation

Bricklumen Nav

Site-wide top navigation bar, already a registered Webflow component instance repeated across pages.

View & copy

stable Navigation

Bricklumen Footer

Site-wide footer, already a registered Webflow component instance repeated across pages.

View & copy

stable Marketing

Bricklumen About Hero

Opening hero band with the page's H1 title introducing the About page.

View & copy

stable Marketing

Bricklumen Blog Hero

Blog landing hero with an eyebrow label, h1 title, and lede paragraph introducing the blog.

View & copy

stable Marketing

Bricklumen Contact Hero

Contact page intro band with an eyebrow, an h1 title, and a lede paragraph inviting the visitor to get in touch.

View & copy

stable Marketing

Bricklumen Hero

Primary above-the-fold hero band introducing the page with headline and calls to action.

View & copy

stable Marketing

Bricklumen Owners Hero

Two-column hero with a text/CTA column and a media panel introducing the Owners page.

View & copy

stable Marketing

Bricklumen Properties Hero

Page hero with eyebrow, H1 title, lede paragraph, and an inline property filter/search bar.

View & copy

stable Marketing

Bricklumen Residents Hero

Opening hero band introducing the residents experience with headline and inner content.

View & copy

stable Marketing

Bricklumen Services Hero

Top-of-page services hero band introducing the services offering with headline and supporting content.

View & copy

stable Marketing

Bricklumen Team Hero

Page-intro hero band with an eyebrow label, an h1 title, and a lede paragraph introducing the team.

View & copy

What we stand for

The principles behind every decision.

Transparency first

Clear reporting and honest communication. No hidden fees, no surprises — ever.

Ownership mindset

We manage every property as if it were our own, protecting long-term value over quick wins.

Responsive by default

Fast answers for owners and residents alike, because timing is everything in real estate.

Craft & detail

From listing photos to lease terms, the details compound into a better experience for all.

stable Features

Bricklumen About Values

Values section with an H2 heading and four H3 titled cards outlining core principles.

View & copy

stable Features

Bricklumen Feature Band

Feature section highlighting key product or service capabilities.

View & copy

The owner experience

From first showing to year-end statement.

Step 01

Onboarding & valuation

We tour the property, benchmark the market, and set a rent strategy built to maximize your return.

Step 02

Marketing & leasing

Professional photography, syndicated listings, and rigorous screening place a qualified resident fast.

Step 03

Day-to-day management

Rent collection, maintenance, and resident relations run quietly in the background — all handled for you.

Step 04

Reporting & growth

Transparent monthly statements and annual reviews keep you informed and your portfolio compounding.

stable Features

Bricklumen Owners Services Grid

A headed section laying out the owner services offering as a grid of cards.

View & copy

Why owners choose us

A partner, not just a manager.

01

Maximized returns

Data-driven pricing and proactive renewals keep your units earning at the top of the market — not sitting empty.

02

Full transparency

Real-time statements, itemized reporting, and an owner portal that shows exactly where every dollar goes.

03

Zero vacancy stress

Screening, maintenance, and resident care handled end to end, so you never field a midnight call again.

stable Features

Bricklumen Owners Value Grid

A headed section presenting owner value propositions as a grid of feature cards.

View & copy

Everything in one place

Renting, made simple.

01

Online resident portal

Pay rent, view your lease, and track requests from any device, any time.

02

24/7 maintenance

Submit a request in seconds and track it through to completion with real updates.

03

Flexible payments

Auto-pay, card, or bank transfer — with reminders so you never miss a due date.

04

Community events

Resident perks, local partnerships, and gatherings that make a building feel like home.

stable Features

Bricklumen Residents Perks Grid

"Renting, made simple" feature grid of four numbered perk cards (portal, maintenance, payments, etc.).

View & copy

stable Features

Bricklumen Residents Portal Preview

"Pay rent in two taps" feature spotlight paired with a mocked resident-portal payment UI card.

View & copy

01

Leasing & marketing

Pro photography, syndicated listings, applicant screening, and showings that fill vacancies with qualified residents — fast.

02

Rent collection

Automated online payments, clear late-fee policy, and predictable monthly deposits straight to your account.

03

Maintenance & repairs

A 24/7 coordination desk and a vetted, insured vendor network keep every home in prime condition.

04

Inspections

Move-in, move-out, and periodic inspections with photo documentation, so nothing slips through the cracks.

05

Owner reporting

Monthly statements, real-time portal access, and year-end tax documents — clear numbers, on time.

06

Resident support

Responsive service and an online portal that make residents want to renew, year after year.

stable Features

Bricklumen Service Detail

Detailed service breakdown band laying out the specifics of what the service includes.

View & copy

What we do

One team for the whole property.

01

Leasing & marketing

Professional listings, screening, and showings that fill vacancies fast with qualified residents.

02

Maintenance

A 24/7 coordination desk and a vetted vendor network keep every home in prime condition.

03

Financials

Owner statements, rent collection, and year-end reporting — clear numbers, on time, every month.

04

Resident care

Responsive support and an online portal that make residents want to renew, year after year.

stable Features

Bricklumen Services

Services section detailing the offerings available to visitors.

View & copy

stable Social proof

Bricklumen About Stats

Four-up metric strip showing headline numbers like 480+ homes, 20 yrs, 98% retention and 4.9/5 rating.

View & copy

stable Social proof

Bricklumen Stats

Metrics band presenting headline numbers and proof-point statistics.

View & copy

Simple, honest pricing

One flat management fee. Everything included.

No leasing surcharges, no markup on maintenance, no surprise line items. You get the full team for one predictable percentage of collected rent.

8%of monthly rent collected

Marketing & professional listing photography
Tenant screening & lease execution
Rent collection & owner disbursements
24/7 maintenance coordination
Monthly & year-end financial reporting
Annual property inspections

stable Commerce

Bricklumen Owners Fee

A fee/pricing section pairing an intro block with a bulleted list of what the management fee covers.

View & copy

stable Team

Bricklumen Team Grid

The core team-member grid section that lays out individual people cards in a responsive grid.

View & copy

Our story

Built by operators, run for owners.

Bricklumen started with a single fourplex and a frustration: management companies that treated properties like spreadsheets and residents like ticket numbers. We set out to do the opposite.

Today, our in-house team of leasing agents, maintenance coordinators, and financial specialists handles every detail — combining boutique attention with institutional discipline. The result is properties that perform and residents who stay.

stable Content

Bricklumen About Story

Narrative company-story section anchored by an H2 title with supporting body copy.

View & copy

Owners

What a great property manager actually does

The day-to-day work that protects your investment and keeps residents happy.

Dana RuizMar 12, 2026

Leasing

How to price a rental in a shifting market

A simple framework for setting rent that leases fast without leaving money on the table.

Marcus BellFeb 28, 2026

Maintenance

The seasonal checklist that prevents big repairs

Small, scheduled tasks that quietly save owners thousands every year.

Priya NairFeb 10, 2026

Residents

Moving in: your first two weeks, simplified

Everything to set up — utilities, the resident portal, and who to call — in one place.

Dana RuizJan 30, 2026

Owners

Understanding your monthly owner statement

A line-by-line walkthrough so you always know exactly where your money goes.

Lena OseiJan 18, 2026

Guides

Should you renovate before leasing? A cost breakdown

When upgrades pay for themselves in higher rent — and when they don't.

Marcus BellJan 4, 2026

stable Content

Bricklumen Blog List

Grid of blog post cards listing the collection of articles.

View & copy

Getting started

Onboarding in four steps.

01

Free assessment

We tour the property, review your goals, and send a management proposal within 48 hours.

02

Onboarding

We collect documents, set up your owner portal, and handle the handoff from your current manager.

03

List & lease

If vacant, we photograph, list, screen, and place a qualified resident — usually within weeks.

04

Ongoing management

Rent, maintenance, and reporting run on autopilot, with a dedicated manager a message away.

stable Content

Bricklumen Onboarding Steps

Onboarding/process band walking prospects through the steps of getting started with the service.

View & copy

6 homes availableSorted by: Newest

For lease

$2,850/ mo

1240 Ashford Lane, Maple Heights

3 bd2 ba1,650 sqft

For lease

$4,200/ mo

88 Rowan Court, Cedar Park

4 bd3 ba2,400 sqft

Just listed

$2,150/ mo

305 Linden Ave, Unit 4, Old Town

2 bd1 ba980 sqft

For lease

$3,400/ mo

17 Bellwether Road, Highgrove

3 bd2.5 ba2,050 sqft

For lease

$1,950/ mo

420 Sequoia Street, Unit 2, Riverside

2 bd1 ba1,100 sqft

New

$5,600/ mo

9 Crestline Drive, Summit Hill

5 bd4 ba3,200 sqft

stable Content

Bricklumen Property List

Property listing section combining a results/sort toolbar (bk-plist__bar) above a grid of property cards (bk-plist__grid).

View & copy

Resident FAQ

Answers, before you ask.

How do I submit a maintenance request?

Log in to the resident portal, tap New request, describe the issue, and add a photo. You'll get updates until it's resolved.

What are my payment options?

Pay by bank transfer, debit, or credit card in the portal, and enable auto-pay to schedule rent automatically each month.

How do I renew my lease?

We'll reach out ahead of your renewal window with your options. You can review and sign your new lease entirely online.

Who do I contact in an emergency?

For urgent issues affecting safety or the property, our 24/7 emergency line connects you to on-call staff immediately.

stable Content

Bricklumen Residents FAQ

Frequently-asked-questions band answering common resident queries.

View & copy

stable Conversion

Bricklumen About CTA

Closing call-to-action band ('Let's talk about your property.') with 'Get in touch' and 'Meet the team' buttons.

View & copy

stable Conversion

Bricklumen CTA

Closing call-to-action band prompting the visitor to convert.

View & copy

stable Conversion

Bricklumen Owners CTA

Closing call-to-action band with a heading, supporting paragraph, and action buttons.

View & copy

stable Conversion

Bricklumen Residents CTA

Closing call-to-action band prompting residents to sign up or log in.

View & copy

stable Forms

Bricklumen Contact Body

Two-column contact section pairing an info panel of contact-detail blocks with an HTML form (with success and error states).

View & copy

stable Navigation

Foliotype Nav

Site-wide top navigation bar registered as a Webflow Component instance.

View & copy

stable Navigation

Foliotype Footer

Site-wide footer registered as a Webflow Component instance with logo, link columns, and prop-driven links.

View & copy

stable Marketing

Foliotype Hero

Above-the-fold hero with headline, supporting copy, CTA, and a hero video block.

View & copy

Why Foliotype

A workspace that disappears behind your words.

Editor

A calm canvas built for long-form focus

No floating toolbars, no clutter. Just typographic defaults tuned for reading, a quiet interface, and keyboard-first controls that stay out of the way until you need them.

Structure

Outline mode

Drag sections to reorder your whole piece in seconds.

History

Every version saved

Scrub back to any draft. Nothing you write is ever lost.

Publish

From draft to published in one click

Ship to your own domain, a newsletter, or an API endpoint. Foliotype handles the formatting so your words arrive exactly as written.

stable Features

Foliotype Bento

Bento-style grid layering multiple feature highlights in varied tiles.

View & copy

stable Features

Foliotype Plan Comparison

Feature-head plus a horizontally scrolling plan-comparison table across tiers.

View & copy

How Foliotype works

From blank page to published, without the friction.

01 / Plan

Outline before you write

Draft a structure with reusable blocks and headings. Move sections around until the shape is right — then start filling it in.

02 / Write

A calm, focused canvas

No menus in your face. Just type. Markdown, keyboard-first, and autosaved to a full version history you can restore at any time.

03 / Review

Edit together, in context

Comments, suggestions, and track changes built for editorial teams. Assign, resolve, and keep every draft accountable.

04 / Publish

Ship to web, mail, and RSS

One click sends your piece to your own domain, your newsletter, and your feed — clean, semantic, and search-ready.

stable Features

Foliotype Features

Feature band presenting the product's core capabilities.

View & copy

stable Features

Foliotype Featured Article

Featured-post band pairing a large linked media image with an adjacent article body block.

View & copy

Every plan

Included, whatever you pay.

✓The full editor

Focus mode, outline mode, and keyboard-first commands — never gated.

✓Version history

Every change saved, with one-click restore on all tiers.

✓Import anything

Markdown, Docs, WordPress, Substack — bring your archive.

✓Offline writing

Keep working with no connection; sync resumes automatically.

✓Clean exports

Semantic HTML and Markdown out, with no lock-in.

✓Fair, simple billing

Prorated changes, no surprises, cancel whenever.

stable Features

Foliotype Whats Included

Feature-head plus a six-cell grid enumerating everything included in the plans.

View & copy

Integrations

Works with the tools you already write around.

Notion

Import pages and databases as structured drafts.

Ghost

Publish straight to your Ghost publication.

Substack

Send finished pieces to your newsletter.

Zapier

Wire Foliotype into 6,000+ apps.

Slack

Get comment and review notifications.

WordPress

One-click export to any WP site.

GitHub

Sync docs as Markdown in a repo.

Figma

Embed live frames inside a draft.

stable Features

Foliotype Integrations

Integrations section pairing a heading with a grid of integration/partner tiles.

View & copy

stable Features

Foliotype Contact Methods

Section header plus a three-cell grid of ways to get in touch.

View & copy

How it works

Three moves from blank page to published.

01

Draft

Open a clean canvas and write. Autosave, offline support, and version history run quietly in the background so you never lose a word.

02

Structure

Switch to outline mode to reorder sections, tighten your argument, and see the shape of the whole piece at a glance.

03

Ship

Publish to your domain, newsletter, or API in one click. Formatting is handled, so your words arrive exactly as written.

stable Features

Foliotype Steps

How-it-works section with a heading and a grid of sequential step cards.

View & copy

stable Features

Foliotype Values Grid

Values section with an eyebrow/H2 header and a three-cell grid of value cards.

View & copy

stable Social proof

Foliotype Logos

Logo wall showing customer or partner brands as social proof.

View & copy

stable Social proof

Foliotype Quote

Featured customer testimonial quote with attribution.

View & copy

Loved by writers

Words from people who ship words.

“The first editor that gets out of my way. I've written more this quarter than all of last year.”

Ana Reyes · Essayist

“We migrated the whole desk in a weekend. Publishing went from a chore to a keystroke.”

Tom Okafor · Editor, The Fold

“Version history alone paid for itself the first time I needed it.”

Priya S. · Newsletter writer

“Outline mode changed how I structure long essays. It's the tool I recommend first.”

Marcus Lee · Author

“Clean exports, real custom domains, no lock-in. Exactly what indie writers need.”

Dana Whit · Independent

“Our reviewers finally live in the same doc as the writer. Comments just work.”

Sofia Marin · Managing Editor

stable Social proof

Foliotype Wall

Social-proof wall with a heading and a grid of testimonial or logo cards.

View & copy

stable Social proof

Foliotype Metrics

Row of headline statistics highlighting key numbers and outcomes.

View & copy

01 / Tier

$0

Free forever

Writer

For independent writers and personal publications.

The full focused editor

Unlimited drafts & version history

Publish to a Foliotype domain

Newsletter up to 500 readers

Start writing

02 / Tier

$18

Per month, billed yearly

Publication

For serious writers ready to grow an audience.

Everything in Writer

Your own custom domain

Newsletter up to 25,000 readers

SEO & metadata controls

Scheduling & editorial calendar

Start free trial

03 / Tier

$60

Per month, billed yearly

Newsroom

For editorial teams publishing together.

Everything in Publication

Unlimited collaborators

Comments & track changes

Roles & permissions

Priority support

Talk to sales

stable Commerce

Foliotype Pricing Tiers

Three-column pricing grid of tier cards presenting the plan options and prices.

View & copy

stable Team

Foliotype Team Grid

Team section with an eyebrow/H2 header and a four-cell grid of team member cards.

View & copy

stable Content

Foliotype Offices

Section header plus a grid of three office location cards.

View & copy

Craft

The case for writing in one place

Why context-switching is the quiet tax on every piece you publish.

Maya Chen · Mar 2026

Product

Version history you'll actually use

How Foliotype tracks every draft — and how to restore one in a click.

The team · Mar 2026

Editing

A house style that scales

Building an editorial standard your whole team can actually follow.

Jordan Kim · Feb 2026

Distribution

Own your audience

Custom domains, RSS, and why they still matter in 2026.

Sam Okafor · Feb 2026

Craft

Outlines before drafts

The five-minute habit that makes long pieces far easier to finish.

Priya Nair · Jan 2026

Product

What we shipped this quarter

Scheduling, a library of new templates, and a noticeably faster editor.

The team · Jan 2026

stable Content

Foliotype Post Grid

Grid of six linked journal post cards forming the main article listing.

View & copy

Deep dive

Two ways Foliotype changes how you work.

Focus

Write without the noise

A canvas tuned for reading, with everything else tucked away until you reach for it.

✓Typewriter scrolling and focus mode
✓Keyboard-first commands
✓Zero-config typography

Ship

Publish the moment it's ready

Send finished pieces to the web, your newsletter, or an API without touching a settings page.

✓One-click publish targets
✓Custom domains and RSS
✓Scheduled releases

stable Content

Foliotype Split

Split two-column content section pairing copy with a supporting visual.

View & copy

The story

How we got here.

2021

Foliotype begins

Two writers, frustrated with bloated editors, start sketching a calmer canvas.

2022

Public beta

The first version ships — focus mode, outline mode, and one-click publish.

2023

10,000 writers

Independent authors and small newsrooms make Foliotype their daily home.

2024

Teams and API

Collaboration, roles, and a publishing API bring whole desks on board.

Today

Just getting started

Still small, still independent, still building the tool we want to write in.

stable Content

Foliotype Timeline

Timeline section with an eyebrow/H2 header and five chronological rows.

View & copy

stable Content

Foliotype Topics Grid

Browse-by-topic section with a heading header and a grid of six linked topic tiles.

View & copy

stable Content

Foliotype Video

Embedded video showcase section demonstrating the product in motion.

View & copy

FAQ

Answers before you ask.

Everything you need to know about writing and publishing with Foliotype.

Can I bring my existing drafts?+

Yes. Import Markdown, Word, Google Docs, or plain text and Foliotype preserves your structure, headings, and links automatically.

Where does my writing get published?+

Publish to your own custom domain, send straight to your newsletter, or push content through our API into any downstream system.

Does it work offline?+

The editor keeps working with no connection and syncs every change the moment you're back online.

Can my whole team collaborate?+

Invite editors and reviewers with roles, leave inline comments, and track every change through full version history.

stable Content

Foliotype FAQ

Frequently asked questions accordion addressing common objections.

View & copy

stable Conversion

Foliotype CTA

Closing call-to-action band prompting the visitor to convert.

View & copy

stable Forms

Foliotype Contact Form

Contact form block with the form fields, success message, and error message states.

View & copy

stable Forms

Foliotype Newsletter Signup

Newsletter subscribe section with eyebrow, heading, supporting copy, and an email capture form.

View & copy

stable Marketing

Northwind Contact Hero

Page-intro hero with an eyebrow label, H1 title, and supporting lede paragraph.

View & copy

stable Marketing

Northwind Hero Split

Split-layout hero pairing the headline, subcopy, and CTAs with a supporting visual.

View & copy

stable Marketing

Northwind Pagehero

Page hero with an eyebrow label, an h1 title, and a lede paragraph introducing the product.

View & copy

stable Features

Northwind Bento

Bento-style grid of tiled feature cards highlighting the product's core capabilities.

View & copy

stable Features

Northwind Feature Grid

Three-item feature grid highlighting the vertical offerings in a responsive card layout.

View & copy

Build

Ship polished pages in a weekend

Drop in production-grade sections and go. Every component is accessible, responsive, and built to compose with the next.

Copy-paste HTML or drag Webflow components

Framework-free, zero dependencies

Accessible and responsive by default

Scale

One source of truth, every surface

Design tokens keep code, Webflow, and Figma in lockstep. Update once and every surface stays consistent — no drift, no rebuilds.

Shared design tokens across all three surfaces

Theme globally with CSS variables

Update once, ship everywhere

stable Features

Northwind Feature Split

Alternating text-and-visual split band detailing a single flagship feature.

View & copy

stable Features

Northwind Featured

Large featured-article card linking to a highlighted post with media image and body text.

View & copy

stable Features

Northwind Integrations

Integrations section showcasing the third-party tools and services the product connects with.

View & copy

Customer story

Northwind gave every team the same numbers to work from. Decisions that used to take a week now happen in the same meeting.

Alex Rivera

VP Product, Halo

−32%

customer churn in six months

4×

faster time to insight

Logistics

−30%

Quanta

Cut churn by spotting at-risk accounts weeks early.

E-commerce

+24%

Vertex Labs

Lifted conversion with attribution that finally made sense.

SaaS

1M/day

Orbit

Scaled event volume without hiring a data team.

Healthcare

2×

Meridian

Doubled release velocity with live usage data.

Fintech

−45%

Halo

Slashed reporting time across every team.

Media

99.9%

Lumen

One source of truth, always on.

stable Social proof

Northwind Cases

Grid of customer case studies / success stories providing social proof.

View & copy

stable Social proof

Northwind Logos

Logo strip showing customer or partner brands as social proof beneath the hero.

View & copy

stable Social proof

Northwind Marquee

Scrolling logo marquee providing social proof through a strip of customer or partner brands.

View & copy

stable Social proof

Northwind Testimonial

Customer testimonial quote with attribution reinforcing credibility.

View & copy

stable Social proof

Northwind Metrics

Row of headline statistics quantifying impact or scale.

View & copy

Starter

$0

/ mo

For individuals and small projects getting started with analytics.

Up to 3 dashboards

1 workspace

7-day data history

Core integrations

Community support

Start free

Northwind Pricing Table

The core pricing tier comparison table listing plans, prices, and features.

View & copy

stable Team

Northwind Members

Team members grid presenting people with photos, names, and roles.

View & copy

Product

How we cut dashboard load times by 80%

A deep dive into the query engine rewrite behind Northwind 2.0.

Maya Chen · Mar 12

Engineering

Designing a real-time collaboration layer

Presence, cursors, and conflict-free edits — how we built live collaboration.

Priya Nair · Feb 28

Company

What we learned shipping to 10,000 teams

Lessons from our first two years scaling Northwind.

Alex Rivera · Feb 14

Analytics

The metrics every product team should track

A practical framework for activation, retention, and expansion.

Jordan Kim · Jan 30

Guides

Set up your first dashboard in 5 minutes

A step-by-step guide to going from signup to your first insight.

Sam Okafor · Jan 18

Design

Why we rebuilt our design system

How a token-driven system keeps Northwind consistent everywhere.

Sam Okafor · Jan 5

stable Content

Northwind Post Grid

Grid of blog post cards rendered as a reusable Webflow component instance.

View & copy

stable Content

Northwind Roles

Listing of open roles or positions available for candidates to browse and apply to.

View & copy

stable Content

Northwind Showcase

Browser-framed product screenshot showcase presenting the Northwind dashboard image inside a chrome bar frame.

View & copy

stable Content

Northwind Steps

Numbered how-it-works sequence walking through the process step by step.

View & copy

stable Content

Northwind Timeline

Company history timeline laying out milestones in chronological order.

View & copy

Frequently asked questions

Can I try Northwind for free?

Yes — every plan starts with a 14-day free trial, no credit card required. You keep full access to the platform the entire time.

What happens when my trial ends?

Nothing breaks. You move to the free Starter plan automatically, or upgrade anytime to keep your history and integrations.

Can I change plans later?

Absolutely. Upgrade or downgrade whenever you like — changes are prorated to the day.

Do you offer discounts for startups or nonprofits?

We do. Reach out to our team and we'll set you up with the right plan for your stage.

How does billing work?

Plans are billed monthly or annually. Annual plans save two months, and you can pay by card or invoice.

Is my data secure?

Yes. Northwind is SOC 2 Type II certified, encrypts data in transit and at rest, and supports SSO and audit logs on Scale.

stable Content

Northwind FAQ

Frequently-asked-questions accordion addressing common pricing and plan queries.

View & copy

stable Content

Northwind Support

Reusable support component surfacing help channels or support resources.

View & copy

stable Conversion

Northwind CTA Banner

Full-width call-to-action banner prompting the visitor to convert.

View & copy

stable Conversion

Northwind Newsletter

Newsletter signup call-to-action block registered as a Webflow component instance.

View & copy

stable Forms

Northwind Contact Split

Two-column split pairing the contact form with a contact-info panel of details.

View & copy