# One-shot CMS route prompt

Create a make-believe WordPress-like CMS admin panel in a single HTML file with CRUD, SPA routing, sessionStorage state, seed data, rich text editing, and production-grade UI design.

CMS: Linotype Studio
Theme: Newspaper editorial with modern operations-console polish
Module Set: Full
Date: 2026-04-24

## Prompt

Build a self-contained static HTML SPA named **Linotype Studio**, a convincing WordPress-like CMS admin panel. It must use inline HTML, CSS, and JavaScript only, with no external assets, no network calls, and no server. Persist all content in `sessionStorage` under a single JSON state key so refreshes preserve the current tab while separate tabs remain independent.

Include hash-based routing for dashboard, posts, post editor, pages, categories, tags, media, comments, users, settings, appearance, and menus. Seed realistic data on first load: 14 posts, 6 pages, 10 categories, 18 tags, 10 comments, 5 users, and 8 media records. Content should feel like a real editorial product team: launch notes, design-system updates, engineering retrospectives, customer research, privacy updates, and operational announcements.

The UI should be production-grade: fixed top bar, responsive sidebar, breadcrumbs, sortable tables, bulk selection, status pills, CRUD forms, inline category and tag editing, modals, toasts with undo, global search, rich text editing toolbar, editor word count, generated slugs, publish dates, fake preview metrics, settings tabs, appearance swatches, and menu builder controls. Add keyboard shortcuts for Cmd/Ctrl+S, Escape, and Enter in confirmation dialogs. Respect reduced-motion preferences, use semantic HTML, ARIA labels, focusable controls, and mobile-friendly layouts.

## Notes

The route is designed as a single-page admin simulation rather than a real CMS. It favours dense, believable admin workflows over decorative marketing. All state mutations persist immediately to `sessionStorage`.

## Seed Data Summary

- Posts: 14 mixed published, draft, pending, and trash entries
- Pages: 6 core site pages
- Categories: 10 hierarchical editorial categories
- Tags: 18 realistic taxonomy tags
- Comments: 10 mixed moderation states
- Users: 5 team members with distinct roles
- Media: 8 described media files with dimensions and file sizes