Blocks
ERP and admin-dashboard compounds — page header, KPI grid, module matrix, critical strip, offline runtime. 34 blocks across ERP and mobile portal surfaces.
Page chrome
Frame, lede, and intro for any product page.
Page header
Title, lede, meta pills, actions.
Page intro
Eyebrow + headline + lede.
List page shell
Header + toolbar + table + pagination.
Detail page shell
Hero + 1.4 + 1 fr body.
Form shell
Header, sections, sticky action bar.
Looking for Master data shell? It moved to Shells (audit O‑3).
Executive surfaces
Numbers and attention at the top of overview pages.
Stat card
A single number with a delta.
KPI grid (deprecated)
Use a CSS grid of b-stat-card children instead.
Module matrix
Grid of all active modules with status.
Summary bar
One-line row of small metrics.
Critical strip
Issues that need attention right now.
Quick links
4-up next-action tiles.
Highlights
Glanceable wins and anomalies.
Content blocks
Cards, lists, threads, audit.
Card & panel
Hairline container for grouped content.
Detail hero
Title + key facts + primary action.
Activity feed
Who, what, when. Audit-readable.
Comment thread
Discussion attached to a record.
Data toolbar
Search, filter chips, count, bulk actions.
Callout
Bordered notice with icon.
Status & state
Empty, blocked, loading, saved.
Mobile portal blocks
Lift-up compounds for the phone-first portals (Parent, Student, POS).
Bottom tabs
Phone-only bottom nav, 3–5 tabs, with badge support.
Filter chips
Horizontally-scrolling chip row above a list.
Row card
Full-width tap-target row — primary mobile list shape.
Stat hero
Brand-tinted hero stat with secondary stat row.
Day list
Day-grouped list of events, transactions, or items.
Marketing & pricing
Marketing-surface blocks for portal sign-up and plan pages.
Offline runtime
Surfaces that show up when the network is unreliable.