Design prototype · plain HTML and CSS, no build step

The Ọzịtụma dashboards

Two dashboards for three roles. A is the single workspace shared by contributors and editors — the review queue is extra authority inside the same shell, never a second product. B is the administrator's instrument panel. They share one type scale, one spacing rhythm and one colour semantic; they differ in density and navigation.

Every screen is server-rendered markup: plain method="post" forms to the existing API routes, original field names untouched, <details> for every disclosure, and nothing that needs JavaScript to be usable. All colour is derived from the six admin-overridable custom properties, so a re-themed palette carries through, and no layout is measured against a fixed page width.

Dashboard A — contributor / editor

• Overview/contribute — standing, decisions, the editor queue
• Add a word/contribute/word — the form, in full, with its error state
• Your submissions/contribute/submissions — states, reasons, empty state
• Review queue/review — editor and admin only

Dashboard B — administrator

• Dashboard/admin — what the record holds, what needs attention
• Users/admin/users — sort, filter, bulk actions
• Appearance/admin/appearance — six colours, logo, width, menu order
• Analytics/admin/analytics — both sites, side by side

The rest of the deliverable

• tokens.cssthe custom properties on their own, in oklch()
• styles/dashboard.cssthe component layer, plain CSS
• NOTES.mdrationale, component inventory, every departure

Narrow your window to 375px to see the mobile layout: both dashboards collapse to one column and the navigation becomes disclosures — still without JavaScript.