Design System
Welcome. This is where the text+ design system lives: the colour, type, rules and components that keep the app consistent across its three modes, and the thinking behind each one. New here? Read it in order. Already know what you need? Go straight to it.
The system, in order
Section titled “The system, in order”It builds from the ground up: from who text+ is, up to the pieces you ship. Each layer rests on the one before it.
- 1BrandWho text+ is: the personality, logo, illustrations and voice. Where everything starts.WIP3 of 5 pages
- 2FoundationsThe principles beneath every decision and the raw materials they govern: colour across three modes, typography, spacing and radius, layout, and icons.WIP5 of 6 pages
- 3GuidelinesThe rules of correct use, written out so the team and the AI never have to infer them: action hierarchy, colour as signage, surfaces and controls, and writing.WIP0 of 4 pages
- 4ComponentsThe built pieces, each with its usage rules. Button, List Row, Input, Action Card and Avatar & Badge documented; Nav, Controls and Plan Selector on the way.WIP5 of 8 pages
- 5TokensOne source of truth, resolved across Light, Carbon and Navy. The same values design uses and Flutter consumes, so the two never drift.WIP0 of 1 pages
- 6ResourcesSystem health, and the audit that decides what we build next.Built1 of 1 pages
New to the team? Read Principles first. It explains why the rest is shaped the way it is.