Claude
ebbf737dac
design/ holds the tokens for all six themes, the type scale, spacing, radii and sizes, the brand and usage guidelines, a guide and static preview for each component, the logo and icons as SVG, and wireframes of the tablet and foldable column layout. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01RhmDdrN5hgWrgRcFLAMsV6
780 B
780 B
PoetCard
One poet in the home grid: a round portrait over their name, in a filled card.
- Consumer provides: the poet (name, portrait URL), whether they are pinned, and click / long-click handlers.
- Filled Card:
surface-container-highest,radius-md,space-12padding,space-8gap. The grid is adaptive with columns at leastpoet-grid-min(132px),space-12gutters. - The portrait is an
avatar-card(84px) disc onsecondary-container; the poet's initial (headline-medium,on-secondary-container) sits underneath the photo so a missing portrait is never a hole. - Name in
title-medium, centred, up to two lines. - Long-press pins the poet; a pinned poet shows the 16px pin (
icon-pin,primary) before the name. The "Pinned" sort puts them first.