Design System

Pages · Pages

Standalone pages — users, profiles, settings, pricing, auth, onboarding, empty and error states — each a full page over the appropriate shell, composed from the kit over mock fixtures.

page-usersAppShell · filter bar · users table (role · team · status) · pagination · built

A users-list page — a searchable table of members with role, team and status.

Customers

Everyone with access to this workspace

MO
All rolesActiveInvited
Filters
NameRoleTeamStatusLast seen
MO

Maya Ortiz

maya@northwind.io

OwnerProductActive2m ago
DP

Devin Park

devin@northwind.io

AdminEngineeringActive18m ago
AN

Aïsha Nouri

aisha@northwind.io

EditorDesignActive1h ago
LF

Leo Faber

leo@northwind.io

EditorEngineeringInvited
PR

Priya Rao

priya@northwind.io

ViewerFinanceActive3h ago
TV

Tomas Vidal

tomas@northwind.io

EditorSalesSuspended5d ago
HK

Hana Kim

hana@northwind.io

ViewerSupportActiveYesterday
OR

Owen Reyes

owen@northwind.io

EditorMarketingInvited
Showing 1–8 of 42
Previous
Next
page-profile-v1AppShell · cover · avatar · bio · stat row · activity list · built

A profile page — cover, avatar, bio, a stat row and recent activity.

Profile

Your public profile

MO
MO

Maya Ortiz

Co-founder & CEO · Northwind

Building a truth-first component system where drift breaks the build. Formerly product at Loomfield. Writes about honest metrics and one composition ladder.

248

Posts

12.4k

Followers

318

Following

Recent activity

DP

Devin Park commented on your pull request

2h ago

AN

Aïsha Nouri shared “Design tokens & theming” with you

Yesterday

PR

Priya Rao mentioned you in “Q3 planning”

2d ago

LF

Leo Faber requested your review on a change

3d ago

page-profile-v2AppShell · two-column profile · about card · contact card · tabs · built

A profile page, two-column — an about panel beside contact details and tabbed content.

Profile

About & activity

MO
MO

Maya Ortiz

Owner · Product

Share

About

Owner of the product surface. Keeps the ladder coherent and the numbers honest.

Emailmaya@northwind.io
Phone+1 555 0142
LocationPortland, OR

Summary

Leads the product surface at Northwind. Shipped the honest-metrics rewrite and the one-ladder composition system this quarter.

Projects

14

Reviews

86

Streak

32d

page-onboardingAuthShell · step timeline · current-step form · progress · built

An onboarding flow — a step timeline with the current step’s form and progress.

Northwind

Getting started

  1. Create your workspace

  2. Connect a data source

  3. 3

    Invite your team

    Add teammates by email and set their roles.

  4. 4

    Assemble your first page

Invite your team

Add teammates by email and set their roles.

Skip for now
Step 3 of 450%
page-emptyPageFrame · centered icon · headline · helper text · primary action · built

An empty state — a centered illustration, an explanation and a call to action.

No projects yet

You haven’t created any projects. Start from a template or a blank canvas — everything you build re-derives from one source.

Browse templates
page-settingsAppShell · settings nav · profile form · preference switches · danger zone · built

A settings page — a settings nav beside a profile form, preference toggles and a danger zone.

Settings

Manage your account and preferences

MO

Profile

How you appear across the workspace

Preferences

Email notifications

Weekly digest and important alerts

Product updates

New blocks, templates and releases

Two-factor auth

Require a code at sign-in

Danger zone

Deleting your account is permanent and cannot be undone.

page-pricingPageFrame · plan cards (featured) · feature list · FAQ · built

A pricing page — three plan cards with a featured tier and a short FAQ.

Pricing

Simple, honest pricing

One kit, three tiers. Every plan ships the full core component set — pay only for scale.

Starter

For a first surface.

$0 /mo

1 workspace
Community support
Core component kit

Team

Popular

For a growing product.

$29 /mo

Unlimited workspaces
Priority support
All blocks & templates
Audit trail

Scale

For the whole org.

$99 /mo

Everything in Team
SSO & SCIM
Dedicated success
Custom SLAs

Frequently asked

How is this different from a component library?
The library is the floor. Here the whole page — components, blocks, templates — is one closed ladder, so a surface cannot drift from the system without breaking the build.
Can I bring my own theme?
Yes. One committed token set drives everything; point it at your palette and every surface re-derives, light and dark, with no per-component overrides.
Does it work without JavaScript?
The critical path is pure server-rendered HTML. Interactive islands hydrate progressively, but the page is legible and navigable before a single byte of JS loads.
Is there a free tier?
The Starter plan is free forever for a single workspace, with the full core kit and community support.
page-authAuthShell · sign-in card · email/password · social buttons · sign-up link · built

An authentication page — a centered sign-in card with email, password and social options.

Northwind

Sign in to Northwind

Welcome back — enter your details to continue

Forgot?
or continue with
Google
GitHub
Don’t have an account? Sign up
page-notificationsAppShell · grouped notification list · read/unread · filters · built

A notifications page — grouped, read/unread notification rows with filters.

Notifications

Recent activity across your workspace

MO
AllUnreadMentions

Today

MO

Maya Ortiz mentioned you in “Q3 planning”

10m ago

BI

Billing invoice INV-2042 is overdue

1h ago

Earlier

DP

Devin Park approved your pull request

3h ago

SY

System weekly backup completed

Yesterday

page-errorAuthShell · large code · message · home/back actions · built

An error page — a large status code, a plain message and recovery actions.

Northwind

404

This page wandered off

The page you’re looking for doesn’t exist or was moved. Let’s get you back on solid ground.

Go back