Internal
Design system
Canonical visual primitives for the Laravel TALL shell: tokens, statuses, forms, dialogs, drawers, tables, responsive behavior, dark theme, and reduced motion.
Color
Primary
Surface
Success
Attention
Critical
Review
Typography
Inter UI heading
Readable body copy with compact enterprise density.
hub/project/context
Status vocabulary
Ready
Attention
Critical
In progress
Review
Empty
Buttons
Form validation
Loading state
Degraded state
A degraded state names the affected capability and keeps safe actions available.
Error state
Errors are explicit, recoverable, and never presented as successful connection states.
Empty state
Empty states explain the missing record set without linking to unfinished modules.
Table and cards
| Component | State | Contract |
|---|---|---|
| Command palette | Ready | Keyboard and touch open/close |
| Mobile navigation | Responsive | Drawer and bottom navigation |
| Theme | Light/dark | Persistent local preference |
Dialog and drawer
Accessible dialog
Dialog controls are keyboard reachable and have explicit close actions.