Blocks
Packaged, prop-driven page-level compositions — a whole screen from one import. Every demo below renders the real block with realistic data; open Code for the exact props that produced it.
PricingSection
Responsive pricing grid with billing toggle, ring-highlighted tier, and per-tier CTA. Default variant="cards".
Simple, predictable pricing.
One tool, three plans. Pay annually for the sharpest price, or monthly if you'd rather.
Starter
Up to 10 editors. No credit card.
- Included: Up to 3 projects
- Included: Unlimited tasks
- Included: Community support
Pro
Sprints, timelines, and time tracking for growing teams that ship on a cadence.
- Included: Unlimited projects
- Included: Sprints & burndown
- Included: Priority support
Business
Invoicing, SSO, and advanced analytics for agencies and revenue teams.
- Included: Everything in Pro
- Included: SSO (SAML)
- Included: Dedicated CSM
DashboardOverview
Responsive KPI row, chart slot, and content slot (recent activity table) — one importable dashboard section.
Overview
+2
-5
+12
Velocity this sprint
| Assignee | Due | Status | |
|---|---|---|---|
| Redesign checkout flow | Ahmad Muhyidin | 21 Jul | In progress |
| Migrate billing to Stripe | Novi Yantika | 24 Jul | Review |
| Fix Safari layout bug | Azlan Althaf | 19 Jul | Done |
AuthScreen
Complete sign-in / sign-up page — AuthLayout + credential form + social providers + footer, one import. The underlying AuthLayout always renders full-viewport height, so this preview is height-clamped with an inner scroll for the docs page — not a component limitation.
SettingsPage
Side-nav settings shell assembled from typed sections — each section's body is a children slot (PreferenceRow / ToggleRow / TeamMemberRow, already composed).
Account settings
Profile
How you appear to your team.
Security
Team
Manage who has access to this workspace.
DataTableView
A configured DataTable wrapped in a toolbar (search/filter), a bulk-action bar that replaces the toolbar once rows are selected, and a Pagination slot.
Team members
| Role | Team | ||
|---|---|---|---|
| Ahmad Muhyidin | Manajer Produk | Produk | |
| Novi Yantika | Perancang UI | Produk | |
| Azlan Althaf | Pengembang Frontend | Teknik | |
| Muhvi Kavandra | Analis Data | Produk | |
| Numa Raynatul | Pengembang Backend | Teknik | |
| Zoya Qiara | Staf Keuangan | Keuangan |
NotFoundPage
Packaged 404 — centered EmptyState in a full-viewport shell for a route's not-found.tsx. Height-clamped here for the docs page; the real component fills the viewport.
ErrorPage
Packaged crash/500 page — centered ErrorState with a retry action, for a route's error.tsx. Height-clamped here for the docs page.
Something went wrong
Couldn't load this page. Check your connection and try again.
ERR_NETWORKEmptyStatePage
Full-page empty state for a fresh workspace / zero-result view — title is required since empty states are always domain-specific.
No projects yet
Create your first project to start tracking work.
KanbanBoard
Horizontally scrolling Trello-style board. Data-driven: each column's cards are plain data objects rendered through KanbanCard.
OnboardingWizard
Stepper + panel + Back/Next/Finish footer nav, controlled or uncontrolled. Only the active step's content mounts.
- 1
Your profile
Tell us who you are.
- 2
Workspace
Name your workspace.
- 3
Invite your team
CheckoutPage
Progress bar + responsive 2:1 form/summary layout, sticky summary column on desktop. Swap the form slot per step.
Checkout
- 1
Shipping
- 2
Payment
- Pro plan — annual$58.00
- Extra editor seat$11.00
LandingDesignStudio
Full landing-page preset — Azurio-style editorial, dark-leaning register. Every content area is a typed prop with a realistic default, so this renders a complete page with zero configuration.
We design interiors that outlast the trend cycle.
Est. 2014
Copenhagen
Selected work
A studio of twelve, twelve years, and more than sixty homes and hotels.
Halcyon didn't just decorate our lobby — they rewrote how guests experience the first five minutes.
They asked harder questions about how we actually live in the house than any architect we'd worked with before.
Fixed fee, two concepts, zero surprises. The studio's process alone is worth the call.
Our team's own loft redesign changed how people move through the studio during a workday.
LandingAgency
Full landing-page preset — bold, conversion-focused product agency register. A deliberately different point of view from LandingDesignStudio, proving the block system produces genuinely distinct sites.
Everything your product team needs to ship
From first sketch to production deploy — one system, zero rebuilding.
Ship an MVP in weeks, not quarters
Northwind's product pod takes a scoped idea from kickoff to a production-ready release in 4-6 weeks.
Security built in
SOC2-ready architecture and access patterns from day one.
Design systems that scale
Token-driven UI your team can extend without a rebuild.
Engineering that survives growth
The same team ships the MVP and the infrastructure that carries it past Series A.
180+ accessible components
Every screen ships from a tested, documented component library.
Ship to production every Friday
Weekly release cadence, zero-downtime deploys, from week one.
Faster time to MVP
vs. a from-scratch build
Uptime SLA
across all managed environments
Products shipped
since 2019
Median support response
Selected work
Products we designed, built, and still ship features for today.
Simple, predictable pricing.
Pick the engagement model that matches how your team ships.
Starter
A scoped discovery engagement before you commit to a sprint.
- Included: Discovery workshop
- Included: Fixed-price proposal
- Included: Async project updates
Growth
A dedicated product pod shipping on a two-week cadence.
- Included: Dedicated product pod
- Included: Weekly releases
- Included: Design system included
Scale
Multi-team engagements with a dedicated engineering manager.
- Included: Multi-team engagement
- Included: Dedicated engineering manager
- Included: SLA-backed support
Ready to ship your next release?
Northwind Studio partners with product teams to design, build, and ship — from the first sketch to the last deploy.
LandingPersonal
Full landing-page preset — minimal editorial freelance portfolio register. A third distinct point of view assembled from the same underlying block parts.
Product design that ships, not just decks.
Idin Studio is a product designer working across fintech and climate tech — currently freelance, based in Lisbon.
What I do
Three ways I usually end up helping a product team.
- Product designEnd-to-end flows, from first sketch to shipped UI.
- Design systemsToken-driven component libraries teams can actually maintain.
- PrototypingClickable, testable prototypes — not just static comps.
Journal
Notes on design, process, and freelancing.
Why I stopped designing in high fidelity first
Low-fidelity flows caught three broken edge cases that a polished comp would have hidden.
A design system that survived a rebrand
Three tiers, one migration, zero component edits.
Freelancing in two time zones
What changed after I moved from São Paulo to Lisbon.
Open to new freelance projects in Q4.
A 30-minute call to scope your project — no deck, no pressure.