Digital reading — mockups

Four 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 highlight count, and the amber number on each spine is its count. Tapping a spine opens its highlights.

Spine size = highlight count. 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.