Switch to Inter, round the corners softly and make the nav switch tabs

Inter replaces General Sans (Inter Display for titles and big numbers).
Corners come back from before the squaring commit, scaled to a soft set
(16 cards, 14 buttons, 12 rows, 8 chips) and applied to the screens built
since. The nav is now a cluster of round frosted buttons that switches
Today, Routines, Goals, Groups and Progress in place inside Home: no
pushed pages, no back arrows, and Android back returns to Today.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01KhQh614DMeYoQEH9SoMRUw
This commit is contained in:
alvocool
2026-11-09 07:08:46 +03:00
parent add94f621c
commit d3431ca5de
54 changed files with 736 additions and 518 deletions

View File

@@ -30,7 +30,11 @@ build their own layouts from the same pieces.
The sections below describe the original record-style type scale, which still
applies to labels and metrics.
## Type — General Sans
## Type — Inter
`TextType.Light` is Inter Display Regular (the display cut, for titles and
big numbers); Regular, Medium and Bold are Inter Regular, Medium and
SemiBold.
| Role | Family | Size | Use |
|---|---|---|---|
@@ -45,7 +49,8 @@ directly above a large dark value. Used everywhere numbers appear.
## Geometry
- No rounded corners anywhere: sheets, cards, chips, buttons, fields, tiles and portraits are all square (`BorderRadius.zero`). Only small status dots, glows, the sun, progress rings and the breathing circle stay round.
- Softly rounded, never pill-soft: large cards and image cards `16`, buttons `14`, rows, tiles and fields `12`, small controls `10`, chips and badges `8`, bars `4`. Sheets round their top at `20`.
- Portraits, the nav buttons, status dots, rings and the breathing circle are full circles.
- Screen padding `20` horizontal. Card padding `16`. Section gap `28`.
- Hairlines at `colorDivider` (black 7%), borders at `colorBorder` (black 8%).
- One soft shadow only: `0 4 18 rgba(0,0,0,0.03)`. No coloured glows.
@@ -66,6 +71,14 @@ Near-black ink (`colorPrimaryDark #141414`) on warm off-white
The tier colour is used consistently — header, chip, meter, queue accent — so
the standing is legible without reading the word.
## Navigation
The nav is a floating cluster of round frosted buttons, icons only; the
open tab is a raised white disc. It switches tabs inside Home (Today,
Routines, Goals, Groups, Progress) in place: nothing is pushed, a tab has
no back arrow (`tab: true`), and Android back returns to Today. Tabs are
built on first open and then kept.
## Structure
Every screen is: black `headerBar` (back, title, action) → white sheet with a