●Astry Design System — 02—Layouts & app patterns
Responsive layouts
& app patterns.
Dashboard shells with sidebar nav, top bar, KPI strips, and split panels. Plug-and-play for ops and product surfaces.
- 04
- Shell patterns
- 3
- Page states
- KPI
- Strip variants
- 02
- Nav types
01
Dashboard shell
Most-used internal layout. Sidebar nav + top bar + content area.
Workspace/Operations
Tuesday, May 5 2026
Welcome back, Martin.
Hours saved · week
37.2h
+18%
Active runs
248
+12%
P95 latency
1.4s
−9%
Errors
0.03%
−42%
Throughput · 7d
02
Top-nav layout
Centered content, max-w-3xl. Used for marketing and settings surfaces.
03
Split layout
Content left, brand panel right. Auth and onboarding flows.
Sign in
Welcome back.
or use email
astry
“Astry rebuilt our ops. We ship in a day what used to take a week.”
Lina Park
VP Ops · Endemol France
04
Detail layout
Two-column with main + side panel. Workflow and project detail views.
/LiveCRM intake auto-triage
Last 24 h
2,431 runs
Throughput vs target78%
Recent runs
wfr_2k1lJust now
wfr_9zPq4 min ago
wfr_Jb3c11 min ago
wfr_8Tip20 min ago
wfr_aN4d32 min ago
05
Page states
Standard three-state handling for async product views.
No workflows yet
Create your first agentic workflow to get started.
Loading runs…
Fetching the last 7 days.
Provider down
Anthropic API returned 503. Falling back to Gemini.