Frontend Catalogs — Index
Scope: Cross-cutting frontend catalogs for Ghasi Melmastoon. Each catalog is a single source of truth for one category of shared frontend concern. Engineers and designers MUST reference these before inventing new patterns.
| # | Catalog | Owner | Phase | Description |
|---|---|---|---|---|
| C1 | Telemetry Event Dictionary | FE Platform + Observability | P1 | Every frontend-emitted event, schema, sampling rules |
| C2 | Error-to-UI Matrix | FE Platform | P1 | Every ERROR_CODES.md code mapped to its UI treatment |
| C3 | Empty / Loading / Error State Catalog | Design + FE Platform | P1 | Named UI patterns for every non-content state |
| C4 | Notification UX Catalog | Design + FE Platform | P1 | In-app + OS push + real-time notification patterns |
| C5 | Feature Flag Inventory | FE Platform + Product | P1 | All feature flags, scopes, defaults, lifecycle |
| C6 | Native API Capability Catalog | FE Platform + Mobile | P1 | Per-surface availability for camera, biometrics, BLE, serial, etc. |
| C7 | Forms & Validation Patterns | FE Platform + Design | P1 | Standard form architecture, field types, error display |
| C8 | Search & Filter Patterns | FE Platform + Design | P1 | Consumer meta-search, backoffice list filters, map search |
| C9 | Print / PDF / Email Template Gallery | FE Platform + Design + Finance | P1 | All printable/exportable documents and email templates |
| C10 | Motion & Microinteractions | Design | P2 | Page transitions, drag-drop, success/error animations (Phase C) |
| C11 | Iconography & Illustration | Design | P2 | Phosphor extension manifest, illustration set, RTL flags (Phase C) |
| C12 | Content Voice & Tone | Content + Design | P2 | Microcopy rules, brand voice per locale (Phase C) |
| C-MERCH | Hospitality Merchandising Patterns | Booking + Design | P1 | Rate plan cards, upsells, cross-sell, promo, loyalty, trust badges, social proof, urgency, reviews — with ethical guardrails |
How to add a new catalog
- Pick the next sequential C-number.
- Create
CN-<kebab-name>.mdin this folder. - Add YAML front matter (
status,phase,owner,last-reviewed,parent-docs). - Add a row to this README.
- Update any journey files or workflow files that reference the topic.
Cross-references
- Per-journey files: each journey in
../journeys/links to the catalogs it depends on. - NFRs:
../common/09-non-functional-requirements.mdfor perf budgets and i18n rules (not duplicated in catalogs). - Design system:
../common/03-design-system.mdfor tokens, primitives, and component contracts.