Craft
Anatomy, accessibility, responsive behaviour, the ship gate.
- Documents
- 4
- Component anatomyEvery Lopifi component ships with this spec, filled in, in the order below. The order is the point: you cannot choose a font size on line 1, because layer 4 doesn't exist yet.
- AccessibilityPriority ladder from ui-skills/fixing-accessibility, with the finance-specific rules that generic guidance doesn't cover.
- Quality barThe ship gate for a Lopifi component: baseline UI, motion, accessibility, accounting correctness, edge cases and field performance, every box checked.
- Responsive & inputThe details matter most here. A financial interface has more content than any other product category — twelve columns, four periods, nested hierarchy — and it has to be fully usable on a phone held one-handed on a train and on a 13" laptop with a trackpad.
What each document covers
From here
The same material, reached the other way round — by the word, by the component, or by the thing running.