anas/ganjoorandroid
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
936fd3cf3b
ganjoorandroid/design/components/PoetCard/README.md
Claude ebbf737dac
Add the design system extracted from the app 
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
2026-10-07 14:06:52 +00:00

780 B
Raw Blame History

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-12 padding, space-8 gap. The grid is adaptive with columns at least poet-grid-min (132px), space-12 gutters.
  • The portrait is an avatar-card (84px) disc on secondary-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.