# Fold

An expanding folio collection for a Telegram miniapp. Each subscription is a physical file spine; selecting it opens a warm persimmon interior while the neighboring files remain visible. A useful metaphor for finding and carrying exact access details, not a dashboard with recolored cards.

## Composition

- Ivory canvas, tabbed overlapping file edges, clear status on every closed spine, large remaining data inside one open file.
- A cream perforated gauge measures actual remaining data. Used data and percentage remain explicit beneath it.
- Time and auto-renew form the crease, with connection and tools actions in the bottom fold.
- Search, filters, and accurate sorting live behind a search disclosure. Pagination works in tens for a 140-subscription partner collection.
- The compact dark navigation ledge carries collection, purchase, and wallet. Wallet balances and category offers inherit the file tabs.

## Motion and access

First arrival unfolds the stack in a finite stagger. Opening a different file animates the previous and next file heights together, making the intervening spines move naturally. Actual data fills once per loaded value. All effects honor reduced-motion and do not replay on usage refresh. Real buttons expose accordion state; arrow keys move between file spines, Enter/Space opens one, Escape dismisses search.

Persian is primary; English preserves the same composition. Technical names remain complete, Latin, and LTR. The dark theme uses a charcoal work surface and warm peach open file. Every action, form, error, account scenario, and money movement is provided by the single shared application and API. This concept owns presentation state only.

This is an independent direction, without Refero references, as requested for the additional concepts.

## Verification

Checked at 360 × 800 in Persian and English, light and dark: all three seeded file spines clear the navigation, with no horizontal overflow. The same layout was visually checked at 390 × 844. Accordion expansion/collapse, keyboard spine navigation, search, Escape dismissal, renewal offers, QR, wallet, and shop passed browser checks. Partner search finds subscription 138 of 140; pagination reveals ten more; the partner wallet and newcomer purchase route work. Finite animation completion and reduced-motion were checked. Small open-file text uses at least 4.5:1 contrast. Scripts and screenshots are in `output/playwright/fold-*`.