{
"id": "ultra-civic-console",
"name": "Case Console",
"theme": "ultra-civic",
"category": "App Shell",
"description": "A caseworker shell where the queue, the case and the actions are three outlined boxes of equal border weight, so nothing looks more important than it is.",
"layout": "Three vertical panes at 280px, fluid and 300px, divided by 2px rules with no gutter, and a status strip across the bottom that inverts when a case is overdue.",
"modules": [
{
"key": "queue",
"name": "Case queue",
"html": "\n"
},
{
"key": "case",
"name": "Case pane",
"html": "\nNF-2026-4412 · received 31 Aug
Priya Ashworth-Blake
\n
\n
Address
Flat 2, 4 Marsh Lane, NF4 2QH
\n
Household
2 adults, 1 child
\n
Tenure
Rent from a private landlord
\n
Declared income
Not provided
\n
Disability benefit
Yes — not yet evidenced
\n
\n
FlagsIncome missingEvidence outstanding
"
},
{
"key": "actions",
"name": "Actions pane",
"html": "\n"
},
{
"key": "status",
"name": "Status strip",
"html": "\n"
}
],
"moduleCount": 4,
"reorderable": false,
"meta": {
"id": "ultra-civic-console",
"model": "Claude Opus 5",
"author": "Claude Code",
"createdAt": "2026-09-01T20:01:13+09:00",
"updatedAt": "2026-09-01T20:01:13+09:00",
"version": "1.0.0",
"isNew": false
},
"link": "/api/v1/designs/ultra-civic-console.json",
"structure": "Three vertical panes at 280px, fluid and 300px, divided by 2px rules with no gutter, and a status strip across the bottom that inverts when a case is overdue.",
"html": "