Inventory
Every element of the SpareThought Android app on the phone and the e-ink tablet, where it appears and its canonical version. Each component has its own page in this system, named in the last column.
Components
| Component | Where it appears | Canonical version | Status |
|---|---|---|---|
| Button | every dialog footer, Settings rows | 48 dp, radius-md, 20 dp side padding. Kinds: outlined (Cancel), primary forest, destructive outlined urgent (in lists), destructive filled urgent (confirm dialog only), text forest, disabled sage + muted |
Button |
| Icon button | app bars, tool bars, rows (⋮), dialog × | 48 × 48 target, 24 dp icon; pressed/selected shows the 36 dp selected-tool box | IconButton |
| Text field | Topic name, event fields, search, Calendar link | label above (*-title-small / 18 sp Medium), 1 dp outline, focus 2 dp forest, no duplicated placeholder; optional counter right-aligned under it |
TextField |
| Handwriting field | New event title/location/description, ToDo editor | text field with a trailing pen button that opens the handwriting pad → Check text | HandwritingField |
| Option chip | quick due dates, search filters | 40 dp in 48 dp target, selected = sage-selected + 2 dp forest + check + Bold |
OptionChip |
| Segmented control | priority, spacing, Alert as | 48 dp, 1 dp outline group, selected segment fill + check + Bold |
SegmentedControl |
| Option row (radio list) | date format, reminders, languages | 48–56 dp outlined row; selected adds fill, 2 dp outline, Bold, trailing check | OptionRow |
| Toggle | Settings, Lock zoom (tray variant is an icon button) | track 52 × 28, forest when on with a check in the knob |
Toggle |
| Check box | Calendars, All day, Needs a username | 20 dp, 2 dp ink, checked forest with a white check |
Checkbox |
| Settings row | Settings (both), sub-pages | 56 dp; label + optional muted sub; trailing value + chevron, toggle, or action |
SettingsRow |
| Destination / list card | Topics, Saved meeting notes, Webcal | 72 dp outlined card: leading icon, title + metadata, trailing chevron or ⋮; active row = fill + 2 dp outline | ListCard |
| Section header + divider | Settings, Security, sheets | 18 sp Bold (tablet) / Title Medium (phone), one divider above every section after the first | SectionHeader |
| Dialog / sheet frame | all dialogs | tablet: centred, 2 dp ink, widths 400 / 560 / 720, 800 dp tall for lists; phone: bottom sheet with handle, or small centred dialog with 2 dp frame for confirmations |
Dialog, BottomSheet |
| Menu / popover | topic ⋮, preset picker, journal date | 2 dp ink frame, anchored to its trigger, optional header naming the item |
Menu |
| » tool tray | editors | icon-only strip; phone two rows above the bottom bar, tablet one row under the app bar | ToolTray |
| Zoom stepper | inside the tray | − / level / +; tapping the level fits width; Lock zoom as a toggle icon | ToolTray |
| Date picker | Go to date, Due date, Copy from date, Go to journal date | dialog-narrow; Monday first; today = 2 dp forest ring; selected = forest disc; dot under days with writing |
DatePicker |
| Month & year picker | Calendar | year stepper + 4 × 3 month grid | MonthPicker |
| Time picker | event start/end, due time | Material 3 TimePicker (dial) and TimeInput, themed | TimePicker |
| Colour picker | Calendar color, Theme color | swatch grid in dialog-narrow; calendar version groups unused colours first |
ColorPicker |
| Pen preset row | Settings · Pen presets, editor preset picker | dotted-paper stroke preview tile, type, colour name · width, Edit › | PenPresetRow |
| Paper tile | Page settings, Default paper | preview of the paper + name; selected fill + 2 dp outline + check | PaperTile |
| Slider | thickness, dot size, line height | 4 dp track, forest fill, 24 dp knob, tick dots |
Slider |
| Stepper | Keep completed ToDos | outlined − and + around a Bold value, range note under it | Stepper |
| Handwriting pad | Write title, ToDo editor | outlined pad with Pen, Eraser, Undo, Clear, Convert | HandwritingField |
| App bar | all screens | phone 64 dp (56 in editors) with ⋮ folding, Sync never folds; tablet 48 dp with context zone, tools, fixed global group | AppBar |
| Bottom navigation | phone | 64 dp, Todos / Notes / Journal / Search, 56 × 28 pill indicator | BottomNav |
| Editor tool bar | editors | phone bottom bar, tablet top bar; tool order Pen, Eraser, Presets, Lasso │ Undo, Redo │ page │ » | EditorToolBar |
| Date pill / meeting-details pill | editors | 28 dp pill top-right of the writing area; meeting pill opens the details popover with Refresh and × | Pill |
| ToDo row, "Completed (n)" row | Today, sidebar | shared row; due date upcoming/urgent with Bold + "!" |
TodoRow |
| Meeting card, agenda states | Today, sidebar, time grid | meeting-fill, calendar rail; states connect / loading / empty / error / hidden as text |
MeetingCard, AgendaStates |
| Month grid, time grid | Calendar, tablet overview | chips, "+N more" with a bounded popover list | MonthGrid, TimeGrid |
| Scrollbar | every scrolling body | 16 dp lane, 1 dp track, 6 dp thumb | Scrollbar |