All groupsScreen group

Application shells

Eleven chrome layouts on one navigation language — rails, a header, two panes, an assistant, three phones, and a focus frame.

Available
11
Sizes
03
Group
/shells

Application shells · 11 available

Available application shells screens

Live routes rendered in isolated frames. Switch each canvas to phone, tablet, or desktop width to review the responsive layout, or open a route in a dedicated tab.

01

Inked rail shell

A full-height ink rail of ledger rows over one page bar — shown on shared household money.

02

Flush rail shell

The rail drawn on the page canvas itself, with a workspace switcher for a studio running three sets of books.

03

Light rail shell

The rail as the crisp surface and the page as paper, under a pinned title and section tabs — one person's own money.

04

Header shell

No rail at all — one row carries the wordmark, the destinations, and the single action, for a two-site coffee business.

05

Practice rail

Forty client books: rail rows that open into their own sections, with the teal tick handed to the deepest one.

06

Two-pane rail

An icon rail for where, a section list for which — the other answer to depth, so neither pane scrolls the other away.

07

Assistant shell

Threads on the ink rail, a conversation over a pinned composer, and the rows the answer came from held open at the right.

08

Focus frame

No rail, no tabs, no search — a job, how far through it you are, and an honest way out.

09

Dock shell

Standalone-app chrome on the real phone: the app draws its own status-bar inset, and the tab bar sticks to the footer as one seamless bar — no gaps, no seams — with the one action at its middle.

10

Sheet shell

Nothing pinned but the top: where to go and what to add both rise from the bottom as native sheets, over a household's shared money.

11

Phone shell

The same ledger navigation in a drawer, over a flush tab bar and one round action — a sole trader's invoices and tax.