Chapter
A reader with notes — where typography, theming and text selection get tested for real.
Planned
Not built yet. Chapter is the typography and theming test: a whole screen made of text.
A library, a reading surface, and the notes that come out of it. Almost no chrome: what is left is type, spacing, color and one contextual toolbar.
Why this app
A reader exposes the tokens with nothing to hide behind:
- Line height, measure and paragraph spacing come from the type scale, not from magic numbers.
- Reading themes — light, sepia, dark, black — are color roles swapped underneath, with no component aware of it.
- The app has to stay readable at the largest system font size without any layout breaking.
- Text selection drives a dynamic toolbar instead of a system menu.
Screens
| Screen | What it holds |
|---|---|
| Library | Covers, progress, filters, grouped by status. |
| Reader | The page, the progress bar, tap zones for chrome. |
| Highlight | A selection and its contextual toolbar. |
| Notes | Highlights and notes, searchable, per book. |
Built with
- Title and Text as the whole reading surface.
- Theme with four reading themes, switched at the token layer.
- Long press for selection, dynamic toolbar for its actions.
- Menu, Slider and SegmentedControl for reading settings.
- AppBar that hides on scroll while reading.
What it checks
- The type scale holds a full page of prose, not just labels and buttons.
- Adding a theme means adding colors, never touching a component.
- Chrome that hides on scroll comes back reliably, including after a tap.