{
  "id": "reading-lamp-shelf",
  "name": "Shelf",
  "theme": "reading-lamp",
  "category": "Search & Browse",
  "description": "A library kept as a list rather than a grid of covers, ordered by how far through you are, with times in Cutive Mono at the right of each line.",
  "layout": "The same 66ch column holding a ruled list; each line is title, author and a mono time-remaining, and there are no cover thumbnails at all.",
  "modules": [
    {
      "key": "head",
      "name": "Shelf head",
      "html": "\n<header class=\"col ch\"><h1>Your shelf</h1><p class=\"sub\">Ordered by how far in you are, because a book you are eleven pages into and a book you abandoned at four hundred are different objects.</p></header>"
    },
    {
      "key": "reading",
      "name": "Currently reading",
      "html": "\n<section class=\"col ls\"><p class=\"lb\">Reading</p>\n<a class=\"ln\" href=\"#\"><span class=\"ti\">The Long Room</span><span class=\"au\">Marta Reyes</span><span class=\"tm\">3h 12m left</span></a>\n<a class=\"ln\" href=\"#\"><span class=\"ti\">Undercoat: essays on surfaces</span><span class=\"au\">Iona Marek</span><span class=\"tm\">1h 44m left</span></a>\n<a class=\"ln\" href=\"#\"><span class=\"ti\">A Coastal Grey</span><span class=\"au\">Teodor Vance</span><span class=\"tm\">6h 08m left</span></a>\n</section>"
    },
    {
      "key": "later",
      "name": "Not started",
      "html": "\n<section class=\"col ls\"><p class=\"lb\">Not started</p>\n<a class=\"ln\" href=\"#\"><span class=\"ti\">Kilcarn: a parish history</span><span class=\"au\">N. Rennick</span><span class=\"tm\">9h 20m</span></a>\n<a class=\"ln\" href=\"#\"><span class=\"ti\">The Filled Hole</span><span class=\"au\">Iona Marek</span><span class=\"tm\">2h 05m</span></a>\n<a class=\"ln\" href=\"#\"><span class=\"ti\">Forty-One Minutes</span><span class=\"au\">Teodor Vance</span><span class=\"tm\">4h 51m</span></a>\n<a class=\"ln\" href=\"#\"><span class=\"ti\">Letters from the Strand</span><span class=\"au\">Various</span><span class=\"tm\">12h 30m</span></a>\n</section>"
    },
    {
      "key": "note",
      "name": "Absent covers",
      "html": "\n<aside class=\"col ab\"><p class=\"hint\">There are no cover images on this screen. A shelf of forty covers is a picture of a shelf; a list of forty titles is a thing you can read down in four seconds, which is what you came here to do.</p></aside>"
    }
  ],
  "moduleCount": 4,
  "reorderable": true,
  "meta": {
    "id": "reading-lamp-shelf",
    "model": "Claude Opus 5",
    "author": "Claude Code",
    "createdAt": "2026-09-02T01:46:38+09:00",
    "updatedAt": "2026-09-02T01:46:38+09:00",
    "version": "1.0.0",
    "isNew": false
  },
  "link": "/api/v1/designs/reading-lamp-shelf.json",
  "structure": "The same 66ch column holding a ruled list; each line is title, author and a mono time-remaining, and there are no cover thumbnails at all.",
  "html": "<div class=\"dz dz-reading-lamp-shelf\" data-design=\"reading-lamp-shelf\" data-theme=\"reading-lamp\">\n<section class=\"dz-mod\" data-mod=\"head\" aria-label=\"Shelf head\">\n<header class=\"col ch\"><h1>Your shelf</h1><p class=\"sub\">Ordered by how far in you are, because a book you are eleven pages into and a book you abandoned at four hundred are different objects.</p></header></section>\n<section class=\"dz-mod\" data-mod=\"reading\" aria-label=\"Currently reading\">\n<section class=\"col ls\"><p class=\"lb\">Reading</p>\n<a class=\"ln\" href=\"#\"><span class=\"ti\">The Long Room</span><span class=\"au\">Marta Reyes</span><span class=\"tm\">3h 12m left</span></a>\n<a class=\"ln\" href=\"#\"><span class=\"ti\">Undercoat: essays on surfaces</span><span class=\"au\">Iona Marek</span><span class=\"tm\">1h 44m left</span></a>\n<a class=\"ln\" href=\"#\"><span class=\"ti\">A Coastal Grey</span><span class=\"au\">Teodor Vance</span><span class=\"tm\">6h 08m left</span></a>\n</section></section>\n<section class=\"dz-mod\" data-mod=\"later\" aria-label=\"Not started\">\n<section class=\"col ls\"><p class=\"lb\">Not started</p>\n<a class=\"ln\" href=\"#\"><span class=\"ti\">Kilcarn: a parish history</span><span class=\"au\">N. Rennick</span><span class=\"tm\">9h 20m</span></a>\n<a class=\"ln\" href=\"#\"><span class=\"ti\">The Filled Hole</span><span class=\"au\">Iona Marek</span><span class=\"tm\">2h 05m</span></a>\n<a class=\"ln\" href=\"#\"><span class=\"ti\">Forty-One Minutes</span><span class=\"au\">Teodor Vance</span><span class=\"tm\">4h 51m</span></a>\n<a class=\"ln\" href=\"#\"><span class=\"ti\">Letters from the Strand</span><span class=\"au\">Various</span><span class=\"tm\">12h 30m</span></a>\n</section></section>\n<section class=\"dz-mod\" data-mod=\"note\" aria-label=\"Absent covers\">\n<aside class=\"col ab\"><p class=\"hint\">There are no cover images on this screen. A shelf of forty covers is a picture of a shelf; a list of forty titles is a thing you can read down in four seconds, which is what you came here to do.</p></aside></section>\n</div>",
  "css": "\n.dz-reading-lamp-shelf { background: var(--background); color: var(--foreground); font-family: var(--pv-body); padding: 72px 0; }\n\n.dz-reading-lamp-shelf .col { max-width: 66ch; margin: 0 auto; padding: 0 40px; }\n.dz-reading-lamp-shelf .col p { font-size: 19px; line-height: 1.78; margin: 0; text-indent: 1em; }\n.dz-reading-lamp-shelf .col p.first { text-indent: 0; }\n.dz-reading-lamp-shelf .col a { color: inherit; text-decoration: none; border-bottom: 1px solid var(--accent); }\n.dz-reading-lamp-shelf h1 { font-family: var(--pv-display); font-weight: 600; font-size: 48px; line-height: 1.14; letter-spacing: -.015em; margin: 0 0 16px; }\n.dz-reading-lamp-shelf .sub { font-size: 18px; line-height: 1.76; text-indent: 0; margin: 0 0 52px; color: var(--muted-foreground); }\n.dz-reading-lamp-shelf .ls { margin-bottom: 40px; }\n.dz-reading-lamp-shelf .lb { font-family: var(--pv-display); font-weight: 600; font-size: 21px; text-indent: 0; margin: 0 0 12px; }\n.dz-reading-lamp-shelf .ln { display: flex; align-items: baseline; gap: 16px; padding: 13px 0; border-bottom: 1px solid var(--border); color: inherit; text-decoration: none; }\n.dz-reading-lamp-shelf .ti { font-size: 19px; border-bottom: 1px solid var(--accent); }\n.dz-reading-lamp-shelf .au { font-size: 15px; color: var(--muted-foreground); }\n.dz-reading-lamp-shelf .tm { font-family: var(--pv-mono); font-size: 13.5px; color: var(--muted-foreground); margin-left: auto; }\n.dz-reading-lamp-shelf .hint { font-size: 15px; line-height: 1.6; text-indent: 0; color: var(--muted-foreground); }\n.dz-reading-lamp-shelf .ab { margin-top: 20px; }\n@media (prefers-reduced-motion: reduce) { .dz-reading-lamp-shelf *, .dz-reading-lamp-shelf *::before, .dz-reading-lamp-shelf *::after { transition-duration: 1ms !important; animation-duration: 1ms !important; } }\n",
  "requiredTheme": "/api/v1/themes/reading-lamp.json",
  "googleFontsHref": "https://fonts.googleapis.com/css2?family=Crimson+Pro:wght@400;500;600;700&family=Cutive+Mono:wght@400;500;600;700&display=swap"
}