docs(readme): redraw the feature graphic, move the phone row up

Browse Source

The nine-tile grid gave every tile its own pastel, a two-colour headline, a ghost
icon behind it and the same eyebrow, headline, triplet rhythm, nine times without
a break. Three fields now, one glass panel each, one icon, and the detail stays in
the block underneath where it already lived.

Monochrome, and shipped as a light and dark pair through the picture element the
way the logo above it already is, so it stops being a bright slab on a dark page.
The ink is the app's own neutral accent (#111827 and #E4E4E7) instead of an
invented brand colour, and the panels follow the surface recipe from
client/src/styles/dashboard.css: transluent gradient, hairline border, highlight
on the top edge, soft lift. The backdrop blur cannot come along, an img-embedded
SVG sees nothing behind itself, so the wash it would have blurred is baked in.

Poppins is drawn as outlines for the same reason: that SVG may not load an
external font, so a font-family would have fallen back to whatever the reader
happens to have installed.

Also puts the phone row between the two desktop rows rather than after them.

...

This commit is contained in:

Maurice

2026-08-17 14:27:21 +02:00

committed by Maurice

parent 824834c8fe

commit 5440e76223

5 changed files with 214 additions and 268 deletions

Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL

Download Patch File Download Diff File Expand all files Collapse all files

docs/tiles/grid-desktop-dark.svg

+55

File diff suppressed because one or more lines are too long

Side by Side After Width:  |  Height:  |  Size: 33 KiB

docs/tiles/grid-desktop.svg

+50 -141

File diff suppressed because one or more lines are too long

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 17 KiB After Width:  |  Height:  |  Size: 33 KiB

docs/tiles/grid-mobile-dark.svg

+55

File diff suppressed because one or more lines are too long

Side by Side After Width:  |  Height:  |  Size: 32 KiB

docs/tiles/grid-mobile.svg

+50 -125

File diff suppressed because one or more lines are too long

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 15 KiB After Width:  |  Height:  |  Size: 32 KiB