Product · Oct 21
How we made a dashboard that explains itself
Every chart gets a sentence and a table. Here is what we learned from shipping that rule.
Maya Chen
A second edition of every marketing section: heroes, pricing, footers, features, content, blog, trust, announcements, use cases, steps, logos, proof, stats, testimonials, galleries, navbars, newsletters, contact, comparison, FAQ, calls to action and an offer list.
Announcement
Version 3 is here, with a new motion system.
See what is newNavbar
Hero, split
New: usage billing
A component library where accessibility, motion and performance are part of every piece.
Hero, centered
Fewer clicks, clearer screens and a keyboard shortcut for everything.
No card needed. Free for teams up to five.
Logo cloud
Social proof
4.8
from 1,200 reviews
“The calmest tool we use.”
Features, grid
Windowed lists and lazy canvases keep large data smooth.
Roles, audit trails and single sign-on built in.
Tokens drive light, dark and your brand.
Every control and shortcut works without a mouse.
Time zones, locales and right-to-left layouts.
Animation that explains change, then steps back.
Features, rows
A single dashboard for plans, usage and people.
Search any setting or action from the keyboard.
Content
Our approach
We start with the states people forget: empty, loading, error and offline.
Then we make sure each one is calm, clear and reachable from the keyboard.
How it works
Add only what you use to your project.
Change colours, radius and type once.
Build, test and release with confidence.
Use cases
Roadmaps, boards and release checklists share a language.
Pricing
For trying things out.
$0 forever
For teams that ship together.
$24 per seat / month
For security and scale.
Custom
Comparison
Trust
SOC 2 Type II
Audited yearly
GDPR
EU data region
SSO and SCIM
Okta, Entra, Google
99.98% uptime
Last 90 days
Stats
Testimonials
We moved the whole team in an afternoon.
The keyboard support alone was worth switching.
Finally charts that explain themselves.
Gallery
What we offer
Hundreds of pieces that fit together.
Tokens, motion and guidance.
Answers from the people who built it.
Full pages to start from.
FAQ
Yes. Copy the components you need and import them like any other file.
Everything reads a small set of CSS variables you can change.
Accessibility is a release requirement, with keyboard and reduced-motion support throughout.
Contact
We reply within a day.
hello@northwind.coWeekdays, 9 to 6 CET.
+49 30 1234 5678Usually under 5 minutes.
Start a chatNewsletter
Release notes, patterns and the occasional deep dive.
Call to action
Free for small teams. Upgrade when you are ready.
Blog
Product · Oct 21
Every chart gets a sentence and a table. Here is what we learned from shipping that rule.
Maya Chen
Engineering · Oct 14
Lena Fischer
Design · Oct 7
Noor Haddad
Company · Sep 29
Ravi Patel
Footer
Each component has its own page with a focused preview, installation, usage and API.