Binary Dreams
SPA · AppShell

Application shell

A layered, airy shell: navigation on the canvas, content floating in a rounded card, and a ⌘K command palette top-right. Sidebar on desktop, drawer plus bottom tab-bar on mobile. Built entirely on the kit.

/ Dashboard

Dashboard

$48.2k
MRR
2,410
Active users
1.8%
Churn
99.98%
Uptime
Recent projects
ProjectOwnerStatus
AtlasAnna K.Live
OrbitMarco D.Draft
FluxPriya S.Paused
NovaTom R.Live
ACCESS

Authentication

Sign in, verify a one-time code, or recover access — three states from one composed screen.

DEMO STATE

Sign in to your workspace

Enter your details to continue.

Forgot password?

No account? Create one

WORKSPACE

Data workspace

A table-centric working area: search and filter records, sort columns, act on a row, and toggle loading and empty states.

6 records
StatusOwnerProgress 
Onboarding flow rec_8d21fa
Active
AM
Amelia Hart
4m
Billing migration rec_3b90c7
Active
NO
Noah Reyes
22m
Search reindex rec_a17e04
Paused
PR
Priya Shah
2h
Mobile redesign rec_5f48b2
Active
TH
Theo Lang
5h
Legacy export rec_c0d6e9
Archived
AM
Amelia Hart
1d
Audit log rec_72a3f1
Paused
NO
Noah Reyes
3d
SETTINGS

Account and workspace settings

A multi-section settings surface: profile, preferences, API tokens, and a danger zone, all on one route.

Profile

Public details shown to your team.
Role
CRUD

Records, list and detail

A master-detail screen. Browse by category, search, then open a record to edit or delete it. New records start as drafts.

4 records
Categories
  • All records
    • Product
      • Web
      • Mobile
Records
Select a record

Pick a record from the list to see its details, or create a new one.

Detail
Overlays · Feedback

Overlays, banners, empty states

Modals confirm, banners inform, toasts acknowledge. Each has one job and sticks to it.

Modal — destructive action

Modal — destructive action

Dropdown menu & empty state

Profile menu
No archived projects yet

When you archive a project it lands here. Everything stays recoverable for 90 days.

Empty state

Banners

Page-level notices — in-flow, dismissable

Quarterly review is ready.

Your studio metrics for Q1 are in — 28 active projects, $384K revenue.

Payment received · Folia

Invoice HRB-2026-014 has been marked paid. $12,500 credited to your account.

Toasts

Transient confirmations — bottom-right stack
Agent · Console

An owner console for the personal agent

Capture, chat, vault and proposals in one place. The console pairs a composer with a live task table, a vault tree and the overlays that keep the owner in control.

Composer

Write a prompt, pick a search provider and send. Captures upload in the background.
Search provider
Capture upload — notes.md
Indexing vault
Drafting a reply

Proposals

Tasks the agent has proposed or is running. Sort by update, act per row.
Loading rows
TaskStatusProgress 
Summarise weekly inbox tsk_7f30a1
Running
2m
Draft proposal — Harbor relaunch tsk_9c12b4
In review
14m
Index vault · research tsk_4a8e02
Queued
1h
Reconcile token ledger tsk_1d56f9
Done
3h
Capture call notes tsk_6b07c3
Failed
1d

Vault & confirm

  • Vault
    • Research
      • Market scan.md
      • Competitors.md
    • Captures
      • Call · Harbor.md
      • Voice memo.txt
    • Token ledger.csv
Vault
Each tone maps to a feedback level.
Actions Open a confirm dialog, slide out filters, or fire a notification.
enru