Files
RenewCMS/docs/design/README.md
T

2.8 KiB

RenewCMS design

The visual spec of record for the back-office SPA and the transactional emails, exported from Claude Design. features/ stays the behavioural spec; if the two disagree, stop and ask. Agents read this folder and never edit it; a design change is a new export.

Files

File What it holds
routes.md Every route: layout, auth requirement, page component, API calls
components.md The component inventory with its Nuxt UI mapping, props, emits and slots, then the full component and primitive specs
states.md Every state of every screen with its trigger, and the HTTP-status-to-copy table
screens/<screen>.md One file per screen: route, API, and per state the exact copy, fields, alerts, dialogs and toasts
foundations.md Colors, contrast, type, spacing, motion and icons, and where the token files are
emails.md The two email templates and their variables
source/ The raw Claude Design export. Open the .dc.html boards in a browser for the drawings (they load support.js locally and fonts from Google).

Screens

Screen Route States Board
Log in /login 9 source/RenewCMS Screens Auth.dc.html
Register /register 6 source/RenewCMS Screens Auth.dc.html
Pending /register/pending 6 source/RenewCMS Screens Auth.dc.html
Verify /register/validate?c=CODE 6 source/RenewCMS Screens Auth.dc.html
Forgot password /register/reset/request 6 source/RenewCMS Screens Auth.dc.html
Reset password /register/reset/validate?c=CODE&email=EMAIL 7 source/RenewCMS Screens Auth.dc.html
Boot any route, first load 1 source/RenewCMS Screens Back-office.dc.html
Home /home 4 source/RenewCMS Screens Back-office.dc.html
Articles /article 14 source/RenewCMS Screens Back-office.dc.html
New article modal from anywhere · /article/new 5 source/RenewCMS Screens Back-office.dc.html
Editor /article/:id/edit 19 source/RenewCMS Screens Back-office.dc.html
Integration /integration 2 source/RenewCMS Screens Back-office.dc.html
Global any route 4 source/RenewCMS Screens Back-office.dc.html

Other boards

  • source/RenewCMS Prototype.dc.html: the clickable flows (first run, edit and publish, password reset, delete, session expiry mid-edit).
  • source/RenewCMS Handoff.dc.html: the handoff page the markdown here was generated from.
  • source/RenewCMS Directions.dc.html: the three brand directions (history only).