Pages · Dashboards · Design System (light)

dashboard-defaultAppShell · KPI cards · revenue area chart · segment donut · invoices table · tasks · built

The classic overview dashboard — KPIs, a revenue trend, a segment split, recent invoices and a task list.

Dashboard

An overview of everything, at a glance

MO

Revenue

$48,290

+12.4% vs. last month

Active users

8,412

+3.1% trailing 30 days

Conversion

3.8%

−0.4% vs. last month

Churn

1.2%

−0.2% lower is better

Revenue

Trailing 12 months

Revenue by segment

This quarter

Recent invoices

Ref	Customer	Amount	Status	Date
INV-2043	LLLoomfield Ltd	$4,200	Paid	Jul 21
INV-2042	CACartographer	$1,850	Pending	Jul 20
INV-2041	KSKelvin Studio	$960	Paid	Jul 19
INV-2040	HCHalcyon Co	$3,120	Overdue	Jul 15
INV-2039	MEMeridian	$540	Paid	Jul 14

Tasks

✓

Review Q3 revenue report

Finance

Approve pending invoices

Billing

Ship the pricing page update

Product

Onboard two new teammates

People

dashboard-ecommerceAppShell · KPI cards · channel stacked-area · traffic pie · orders table · top-products list · built

Store performance: sales-channel trend, traffic source, recent orders and best-selling products.

E-commerce

Store performance & orders

MO

Revenue

$48,290

+12.4% vs. last month

Active users

8,412

+3.1% trailing 30 days

Conversion

3.8%

−0.4% vs. last month

Churn

1.2%

−0.2% lower is better

Sales channels

Units over time

Traffic source

Recent orders

Order	Date	Items	Total	Status
#4021	Jul 21	3	$254	Shipped
#4019	Jul 18	1	$96	Delivered
#4015	Jul 12	4	$412	Processing
#4008	Jul 3	1	$54	Delivered

Top products

AL

Aurora Desk Lamp

Warm-dim brass

$128

FN

Field Notebook

Dot-grid, 3-pack

$18

CP

Ceramic Pour-Over

Matte stone

$54

CW

Canvas Weekender

Waxed olive

$210

dashboard-paymentAppShell · balance cards · net-flow diverging bar · payout radial · transactions table · built

A payments overview — available balance, pending funds, net cash flow, payout progress and transactions.

Payments

Balances, payouts & transactions

MO

Available balance

$24,180

Next payout Jul 24

Pending

$3,410

2 invoices clearing

Lifetime volume

$412k

+18% YoY

Net cash flow

Inflow − outflow, weekly

Payout target

Transactions

Ref	Counterparty	Amount	Status	Date
INV-2043	Loomfield Ltd	$4,200	Paid	Jul 21
INV-2042	Cartographer	$1,850	Pending	Jul 20
INV-2041	Kelvin Studio	$960	Paid	Jul 19
INV-2040	Halcyon Co	$3,120	Overdue	Jul 15
INV-2039	Meridian	$540	Paid	Jul 14

dashboard-hotelAppShell · occupancy stat pills · occupancy bar · room-mix donut · in-house guests table · built

Front-desk dashboard — occupancy, arrivals, room mix and the in-house guest folio.

Front desk

Occupancy, arrivals & housekeeping

MO

Occupancy

82%

Arrivals today

14

Departures

9

ADR

$248

Occupancy trend

Rooms sold per night

Room mix

In-house guests

Room	Guest	Nights	Checkout	Status	Folio
201 · Deluxe	MOMaya Ortiz	3	Jul 24	Checked in	$840
305 · Suite	DPDevin Park	2	Jul 23	Checked in	$1,120
112 · Standard	HKHana Kim	1	Jul 22	Checkout due	$210
418 · Suite	PRPriya Rao	4	Jul 26	Reserved	$2,240

dashboard-projectAppShell · progress stats · sprint checklist + progress bar · team roster · built

Project management — sprint progress, a live checklist and the assigned team.

Project · Aurora

Sprint 14 · ends Jul 30

MO

Progress

68%

Open tasks

12

In review

3

Team

6

Sprint checklist

1 of 4 complete

✓Review Q3 revenue reportFinance

Approve pending invoicesBilling

Ship the pricing page updateProduct

Onboard two new teammatesPeople

Team

MO

Maya Ortiz

Co-founder & CEO

DP

Devin Park

Co-founder & CTO

AN

Aïsha Nouri

Head of Design

LF

Leo Faber

Head of Engineering

dashboard-real-estateAppShell · portfolio stats · property card grid (price · beds · baths · area) · built

A listings portfolio — market stats and a grid of property cards.

Listings

Portfolio & market activity

MO

Active listings

48

Under offer

11

Avg. price

$638k

Days on market

27

CH

$720,000

New

Cedar Hill Loft

Portland, OR

2 bd · 2 ba · 1,240 ft²

MC

$540,000

Open

Maple Court House

Austin, TX

4 bd · 3 ba · 2,180 ft²

HV

$865,000

Hot

Harbor View Condo

Seattle, WA

3 bd · 2 ba · 1,620 ft²

WL

$430,000

New

Willow Lane Cottage

Boulder, CO

2 bd · 1 ba · 980 ft²

dashboard-salesAppShell · KPI cards · bookings multi-line · quota radial · open-deals table · built

Sales performance — bookings vs. target, quota attainment and the open-deal pipeline.

Sales

Pipeline & performance

MO

Revenue

$48,290

+12.4% vs. last month

Active users

8,412

+3.1% trailing 30 days

Conversion

3.8%

−0.4% vs. last month

Churn

1.2%

−0.2% lower is better

Bookings vs. target

Weekly

Quota attainment

Open deals

Deal	Company	Stage	Value	Owner	Close
Platform migration	LLLoomfield Ltd	Negotiation	$42,000	Tomas Vidal	Aug 4
Annual license	CACartographer	Proposal	$18,500	Maya Ortiz	Jul 30
Design retainer	KSKelvin Studio	Qualified	$9,600	Aïsha Nouri	Aug 12
Enterprise SSO	HCHalcyon Co	Won	$120,000	Devin Park	Jul 19
Pilot program	MEMeridian	Lead	$5,400	Owen Reyes	Aug 20

dashboard-crmAppShell · pipeline stage cards · deals table · contacts list · built

A CRM home — pipeline value by stage, the deal list and recent contacts.

CRM

Contacts, deals & pipeline

MO

Lead

$64k

12 deals

Qualified

$92k

8 deals

Proposal

$140k

5 deals

Negotiation

$88k

3 deals

Won

$310k

6 deals

Deals

Deal	Company	Stage	Value
Platform migration	Loomfield Ltd	Negotiation	$42,000
Annual license	Cartographer	Proposal	$18,500
Design retainer	Kelvin Studio	Qualified	$9,600
Enterprise SSO	Halcyon Co	Won	$120,000
Pilot program	Meridian	Lead	$5,400

Contacts

MO

Maya Ortiz

maya@northwind.io

DP

Devin Park

devin@northwind.io

AN

Aïsha Nouri

aisha@northwind.io

dashboard-analyticsAppShell · traffic stats · sessions stacked-area · device pie · top-pages bar · region bars · built

Website analytics — visitors, channel sessions, device split, top pages and top regions.

Analytics

Traffic, sources & engagement

MO

Last 30 days

Visitors

48,210

+12%

Page views

182k

+8%

Bounce rate

38%

−3%

Avg. session

3m 42s

+11%

Sessions by channel

Stacked, daily

Device split

Top pages

By views

Top regions

United States4,210

Germany1,860

United Kingdom1,240

India980

Brazil640

dashboard-file-managerAppShell · folder cards · recent-files table · built

A file manager — storage folders and a recent-files table with kind, size and owner.

Files

12.4 GB of 50 GB used

MO

◆

Design

42 files

▦

Finance

18 files

▤

Contracts

9 files

◈

Renders

128 files

Recent files

Name	Kind	Size	Owner	Modified
▤Q3-planning-deck.pdf	PDF	4.2 MB	Maya Ortiz	Jul 21
◆brand-tokens.json	JSON	18 KB	Aïsha Nouri	Jul 20
▦revenue-model.xlsx	Sheet	242 KB	Priya Rao	Jul 19
◈hero-render.png	Image	1.1 MB	Aïsha Nouri	Jul 18
▤contract-cartographer.pdf	PDF	320 KB	Devin Park	Jul 15
▶demo-walkthrough.mp4	Video	86 MB	Leo Faber	Jul 12

dashboard-cryptoAppShell · balance cards · portfolio area · allocation donut · holdings table · built

A crypto portfolio — total balance, portfolio value trend, allocation and holdings.

Portfolio

Balances & market

MO

Total balance

$84,210

+$1,840 (2.2%) today

24h volume

$12,410

Assets

5

Portfolio value

30 days

Allocation

Holdings

Asset	Price	24h	Market cap
BTBitcoinBTC	$64,210	+2.4%	$1.26T
ETEthereumETH	$3,410	+1.1%	$410B
SOSolanaSOL	$182	−3.2%	$82B
ADCardanoADA	$0.62	+0.8%	$22B
DOPolkadotDOT	$7.10	−1.4%	$10B

dashboard-academyAppShell · learning stats · course card grid with progress bars · built

An academy dashboard — learning stats and a grid of enrolled courses with progress.

Academy

Your learning progress

MO

Enrolled

4

Completed

1

Hours learned

22h

Certificates

3

Continue learning

Pick up where you left off

▶

Composition, end to end

ANAïsha Nouri

24 lessons · 6h · Intermediate

68% complete

▶

Honest metrics in practice

PRPriya Rao

18 lessons · 4h · Beginner

100% complete

▶

Deterministic rendering

DPDevin Park

31 lessons · 9h · Advanced

22% complete

▶

Design tokens & theming

ANAïsha Nouri

12 lessons · 3h · Beginner

0% complete

dashboard-hospitalAppShell · ward stat pills · admissions bar · department donut · appointments list · built

A hospital overview — bed load, admissions trend, department mix and today’s appointments.

Hospital

Admissions, wards & staff

MO

Patients

184

Available beds

32

ICU load

78%

Staff on duty

96

Admissions

Per day, last 2 weeks

By department

Today's appointments

09:00MO

Maya Ortiz

Cardiology

Checked in

10:30DP

Devin Park

Radiology

Reserved

13:00AN

Aïsha Nouri

General

Reserved

15:30MO

Maya Ortiz

Follow-up

Checked in

dashboard-financeAppShell · KPI cards · net-flow bar · spend grouped-bar · ledger table · budget bars · built

A finance dashboard — cash flow, category spend, the ledger and budget utilisation.

Finance

Cash, budget & spend

MO

Revenue

$48,290

+12.4% vs. last month

Active users

8,412

+3.1% trailing 30 days

Conversion

3.8%

−0.4% vs. last month

Churn

1.2%

−0.2% lower is better

Net cash flow

Inflow − outflow

Spend by category

This quarter vs last

Ledger

Ref	Account	Amount	Status
INV-2043	Loomfield Ltd	$4,200	Paid
INV-2042	Cartographer	$1,850	Pending
INV-2041	Kelvin Studio	$960	Paid
INV-2040	Halcyon Co	$3,120	Overdue
INV-2039	Meridian	$540	Paid

Budget used

Payroll72%

Infrastructure48%

Marketing91%

Travel24%