GitHub

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.

$0/mo
  • Included: Up to 3 projects
  • Included: Unlimited tasks
  • Included: Community support
Most popular

Pro

Sprints, timelines, and time tracking for growing teams that ship on a cadence.

$12/editor/mo
  • Included: Unlimited projects
  • Included: Sprints & burndown
  • Included: Priority support

Business

Invoicing, SSO, and advanced analytics for agencies and revenue teams.

$24/editor/mo
  • 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

Active projects
12

+2

Open tasks
47

-5

Hours logged
128h

+12

Team capacity
82%

Velocity this sprint

AssigneeDueStatus
Redesign checkout flowAhmad Muhyidin21 JulIn progress
Migrate billing to StripeNovi Yantika24 JulReview
Fix Safari layout bugAzlan Althaf19 JulDone

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.

Idin Studio

Sign in

Don't have an account? Sign up

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.

Display nameShown in comments and mentions.
EmailYour primary sign-in address.

Security

Email notificationsReceive weekly digests.

Team

Manage who has access to this workspace.

Sarah Chensarah@acme.com
Active
Role for Sarah Chen

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

RoleTeam
Ahmad MuhyidinManajer ProdukProduk
Novi YantikaPerancang UIProduk
Azlan AlthafPengembang FrontendTeknik
Muhvi KavandraAnalis DataProduk
Numa RaynatulPengembang BackendTeknik
Zoya QiaraStaf KeuanganKeuangan

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.

Page not found

This project was moved or deleted.

ErrorPage

Packaged crash/500 page — centered ErrorState with a retry action, for a route's error.tsx. Height-clamped here for the docs page.

EmptyStatePage

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.

To do

2

Design homepage

3

Write launch copy

In progress

1

Build pricing page

2/5

Done

5

OnboardingWizard

Stepper + panel + Back/Next/Finish footer nav, controlled or uncontrolled. Only the active step's content mounts.

  1. 1

    Your profile

    Tell us who you are.

  2. 2

    Workspace

    Name your workspace.

  3. 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. 1

    Shipping

  2. 2

    Payment

  • Pro plan — annual$58.00
  • Extra editor seat$11.00

Subtotal$58.00
Shipping$5.00
Tax$6.00

Total$69.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.

Independent studio
Est. 2014
Copenhagen
Trusted by
Kanto Hotels
Nordhavn Developments
Strand & Co.
Amager Property Group
Loomwork Hospitality
Halcyon didn't just decorate our lobby — they rewrote how guests experience the first five minutes.
Jonas KierManaging Director, Kanto Hotels
They asked harder questions about how we actually live in the house than any architect we'd worked with before.
Freja LindqvistHomeowner, Amager Strand House
Fixed fee, two concepts, zero surprises. The studio's process alone is worth the call.
Mette AaboDevelopment Director, Nordhavn Developments
Our team's own loft redesign changed how people move through the studio during a workday.
Peter HolmFounder, Loomwork Hospitality

Have a space in mind?

Halcyon Studio takes on a limited number of projects each year — tell us about yours.

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.

Now booking Q3

Product design and engineering, under one roof.

Northwind Studio partners with product teams to design, build, and ship — from the first sketch to the last deploy.

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.

4.2x

Faster time to MVP

vs. a from-scratch build

98%

Uptime SLA

across all managed environments

120+

Products shipped

since 2019

24h

Median support response

Simple, predictable pricing.

Pick the engagement model that matches how your team ships.

Starter

A scoped discovery engagement before you commit to a sprint.

$0
  • Included: Discovery workshop
  • Included: Fixed-price proposal
  • Included: Async project updates
Most booked

Growth

A dedicated product pod shipping on a two-week cadence.

$18,000/sprint
  • Included: Dedicated product pod
  • Included: Weekly releases
  • Included: Design system included

Scale

Multi-team engagements with a dedicated engineering manager.

Custom
  • 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.

Open to new freelance projects in Q4.

A 30-minute call to scope your project — no deck, no pressure.

hello@idinstudio.designReplies within one business day
Idin Studio
© 2026 Idin Studio.