docs: approved v0.1 interface mockups (Epic #6) #104

Merged
manlycucumber merged 1 commit from feature/6-mockups into develop 2026-07-03 17:43:38 +00:00
manlycucumber commented 2026-07-03 17:43:06 +00:00 (Migrated from github.com)

The Epic #6 approval-gate deliverable: the five approved v0.1 surface mockups on the Illuminated Breviary design system — the live site's own tokens and type (marymichaelmachabee.org / 3mi.org), so the plugin renders as native chrome.

What's here

  • docs/mockups/v0.1-illuminated-breviary.html — standalone, self-contained. The week strip and the modal day-picker are live (slide day-by-day; click a day to load it).
  • docs/mockups/README.md — the locked design spec: tokens, the five surfaces, and the build notes carried into #11/#15/#20.

The five locked surfaces

  1. Header ribbon — feast · class · feria · date, with a brightened colour tab on both edges + a gold-ringed gem (legible on navy for every colour).
  2. Week strip — a rolling week that slides one day per chevron (mobile reaches every day, no scrollbar).
  3. Month grid — square cells, colour edge, class numeral, a corner reserved for the v0.4 fasting icon, a typeable any-year field, and a mobile agenda with a date picker + infinite scroll.
  4. Today card + day view — embeddable [ordo_today]; the modal carries the full office (rubrics in oxblood) with the strip-styled day-by-day picker.
  5. Settings — SSPX abbreviation-first; Universal 1962 the shipped default.

Approved in design review. The surface implementations (#11/#15/#20) build to this.

Refs #6 #7 #8 #9 #10

The **Epic #6 approval-gate deliverable**: the five approved v0.1 surface mockups on the Illuminated Breviary design system — the live site's own tokens and type (`marymichaelmachabee.org` / `3mi.org`), so the plugin renders as native chrome. ## What's here - **`docs/mockups/v0.1-illuminated-breviary.html`** — standalone, self-contained. The week strip and the modal day-picker are **live** (slide day-by-day; click a day to load it). - **`docs/mockups/README.md`** — the locked design spec: tokens, the five surfaces, and the build notes carried into #11/#15/#20. ## The five locked surfaces 1. **Header ribbon** — feast · class · feria · date, with a **brightened colour tab on both edges + a gold-ringed gem** (legible on navy for every colour). 2. **Week strip** — a rolling week that **slides one day per chevron** (mobile reaches every day, no scrollbar). 3. **Month grid** — square cells, colour edge, class numeral, a corner reserved for the v0.4 fasting icon, a **typeable any-year field**, and a **mobile agenda** with a date picker + infinite scroll. 4. **Today card + day view** — embeddable `[ordo_today]`; the modal carries the full office (rubrics in oxblood) with the strip-styled day-by-day picker. 5. **Settings** — SSPX abbreviation-first; **Universal 1962 the shipped default**. Approved in design review. The surface implementations (#11/#15/#20) build to this. Refs #6 #7 #8 #9 #10
Sign in to join this conversation.
No reviewers
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
Directorium/Ordo!104
No description provided.