Digital reading — mockups

Five takes on the “From digital reading” section for your phone, using your real books. Showing the top 10 of 132 — taps do nothing in the mockup.

Option 1
Clean list

Full-width rows with hairline dividers. Title and author on the left, highlight count in an amber pill, chevron to open. Dense and scannable.

Option 2
Compact cards

Two-column grid like today, but tighter: smaller type, two-line titles, count as plain text instead of a big block.

Option 3
Top picks + A–Z

Your three most-highlighted books get big feature cards up top; everything else becomes a simple alphabetical list.

Most highlighted
Everything else, A–Z
Option 4
Initial tiles

List rows with a small colored tile of the book's initials, like app icons. Adds color and makes rows easy to scan visually.

Option 5
Digital bookshelf

A real interactive shelf for the digital books, matching your physical shelves. Spine height and width grow with page count, and the amber number on each spine is its highlight count. Tapping a spine opens its highlights.

Spine size = page count · amber number = highlights. Showing 24 of 132 — tap any spine to browse its highlights.

Tell me which option you like (or mix pieces) and I’ll build it into the real page.