{
  "id": "airmail-desk-correspondent",
  "name": "Correspondent",
  "theme": "airmail-desk",
  "category": "Profile & Social",
  "description": "A contact page built from the correspondence itself — how long you have written to each other and who wrote last — rather than from a profile they filled in.",
  "layout": "A small envelope card of identity facts beside a chronological exchange list where each entry is a two-line address block and a subject.",
  "modules": [
    {
      "key": "card",
      "name": "Correspondent card",
      "html": "\n<aside class=\"cc\"><span class=\"sm\"></span><div class=\"ab\"><span>H. Vestergaard</span><span>Universitetet i Bergen, Herbarium BG</span><span>Bergen, Norway</span></div>\n<dl><div><dt>Writing since</dt><dd class=\"n\">2019</dd></div><div><dt>Letters</dt><dd class=\"n\">64</dd></div><div><dt>You wrote</dt><dd class=\"n\">31</dd></div><div><dt>She wrote</dt><dd class=\"n\">33</dd></div><div><dt>Last</dt><dd class=\"n\">11 Jun</dd></div><div><dt>Median reply</dt><dd class=\"n\">2 days</dd></div></dl>\n<p class=\"ow\">She is owed a reply.</p></aside>"
    },
    {
      "key": "exchange",
      "name": "Exchange list",
      "html": "\n<section class=\"ex\"><span class=\"k\">Correspondence</span>\n<ol>\n  <li class=\"in\"><div class=\"ab\"><span>From H. Vestergaard</span><span>11 June 2026 · Ref KO-2026-114</span></div><p>The plate you asked about</p></li>\n  <li class=\"out\"><div class=\"ab\"><span>To H. Vestergaard</span><span>02 June 2026 · Ref KO-2026-109</span></div><p>A question about HB.09112</p></li>\n  <li class=\"in\"><div class=\"ab\"><span>From H. Vestergaard</span><span>19 April 2026 · Ref KO-2026-088</span></div><p>Bergen duplicates, a question</p></li>\n  <li class=\"out\"><div class=\"ab\"><span>To H. Vestergaard</span><span>11 April 2026 · Ref KO-2026-084</span></div><p>Ferreira exchange records</p></li>\n  <li class=\"in\"><div class=\"ab\"><span>From H. Vestergaard</span><span>28 February 2026 · Ref KO-2026-061</span></div><p>Loan request, three sheets</p></li>\n</ol></section>"
    },
    {
      "key": "threads",
      "name": "Open threads",
      "html": "\n<footer class=\"ot\"><span class=\"k\">Open</span><ul><li><span class=\"tt\">The Bergen duplicate</span><span class=\"ts\">Awaiting your reply since 11 June</span></li><li><span class=\"tt\">Loan of HB.4417 and two others</span><span class=\"ts\">Material returned, paperwork outstanding</span></li></ul></footer>"
    }
  ],
  "moduleCount": 3,
  "reorderable": false,
  "meta": {
    "id": "airmail-desk-correspondent",
    "model": "Claude Opus 5",
    "author": "Claude Code",
    "createdAt": "2026-09-02T00:08:33+09:00",
    "updatedAt": "2026-09-02T00:08:33+09:00",
    "version": "1.0.0",
    "isNew": false
  },
  "link": "/api/v1/designs/airmail-desk-correspondent.json",
  "structure": "A small envelope card of identity facts beside a chronological exchange list where each entry is a two-line address block and a subject.",
  "html": "<div class=\"dz dz-airmail-desk-correspondent\" data-design=\"airmail-desk-correspondent\" data-theme=\"airmail-desk\">\n<div class=\"cols\"><section class=\"dz-mod\" data-mod=\"card\" aria-label=\"Correspondent card\">\n<aside class=\"cc\"><span class=\"sm\"></span><div class=\"ab\"><span>H. Vestergaard</span><span>Universitetet i Bergen, Herbarium BG</span><span>Bergen, Norway</span></div>\n<dl><div><dt>Writing since</dt><dd class=\"n\">2019</dd></div><div><dt>Letters</dt><dd class=\"n\">64</dd></div><div><dt>You wrote</dt><dd class=\"n\">31</dd></div><div><dt>She wrote</dt><dd class=\"n\">33</dd></div><div><dt>Last</dt><dd class=\"n\">11 Jun</dd></div><div><dt>Median reply</dt><dd class=\"n\">2 days</dd></div></dl>\n<p class=\"ow\">She is owed a reply.</p></aside></section><div class=\"main\"><section class=\"dz-mod\" data-mod=\"exchange\" aria-label=\"Exchange list\">\n<section class=\"ex\"><span class=\"k\">Correspondence</span>\n<ol>\n  <li class=\"in\"><div class=\"ab\"><span>From H. Vestergaard</span><span>11 June 2026 · Ref KO-2026-114</span></div><p>The plate you asked about</p></li>\n  <li class=\"out\"><div class=\"ab\"><span>To H. Vestergaard</span><span>02 June 2026 · Ref KO-2026-109</span></div><p>A question about HB.09112</p></li>\n  <li class=\"in\"><div class=\"ab\"><span>From H. Vestergaard</span><span>19 April 2026 · Ref KO-2026-088</span></div><p>Bergen duplicates, a question</p></li>\n  <li class=\"out\"><div class=\"ab\"><span>To H. Vestergaard</span><span>11 April 2026 · Ref KO-2026-084</span></div><p>Ferreira exchange records</p></li>\n  <li class=\"in\"><div class=\"ab\"><span>From H. Vestergaard</span><span>28 February 2026 · Ref KO-2026-061</span></div><p>Loan request, three sheets</p></li>\n</ol></section></section><section class=\"dz-mod\" data-mod=\"threads\" aria-label=\"Open threads\">\n<footer class=\"ot\"><span class=\"k\">Open</span><ul><li><span class=\"tt\">The Bergen duplicate</span><span class=\"ts\">Awaiting your reply since 11 June</span></li><li><span class=\"tt\">Loan of HB.4417 and two others</span><span class=\"ts\">Material returned, paperwork outstanding</span></li></ul></footer></section></div></div>\n</div>",
  "css": "\n.dz-airmail-desk-correspondent { background: var(--background); color: var(--foreground); font-family: var(--pv-body); padding: 26px; max-width: 1000px; margin: 0 auto; }\n.dz-airmail-desk-correspondent .k { text-transform: uppercase; letter-spacing: .14em; font-size: 10.5px; font-weight: 600; color: var(--muted-foreground); display: block; }\n.dz-airmail-desk-correspondent .n { font-family: var(--pv-mono); font-size: 13px; letter-spacing: .03em; }\n.dz-airmail-desk-correspondent .cols { display: grid; grid-template-columns: 300px 1fr; gap: 32px; align-items: start; }\n.dz-airmail-desk-correspondent .cc { position: relative; border: 1px solid var(--border); border-radius: var(--pv-radius-sm); padding: 20px; }\n.dz-airmail-desk-correspondent .cc::before { content: \"\"; position: absolute; left: 0; right: 0; top: 0; height: 8px; background: repeating-linear-gradient(45deg,\n  var(--primary) 0 8px, transparent 8px 16px, var(--accent) 16px 24px, transparent 24px 32px); }\n.dz-airmail-desk-correspondent .sm { position: absolute; right: 20px; top: 28px; width: 40px; height: 48px; border: 1px dashed var(--border); border-radius: 2px; }\n.dz-airmail-desk-correspondent .ab { font-family: var(--pv-mono); font-size: 12.5px; letter-spacing: .03em; line-height: 1.42; color: var(--muted-foreground); display: grid; gap: 1px; }\n.dz-airmail-desk-correspondent .cc .ab { margin: 12px 0 16px; max-width: 62%; }\n.dz-airmail-desk-correspondent dl { margin: 0 0 14px; }\n.dz-airmail-desk-correspondent dl div { display: flex; justify-content: space-between; padding: 7px 0; border-bottom: 1px solid var(--border); font-size: 13px; }\n.dz-airmail-desk-correspondent dt { text-transform: uppercase; letter-spacing: .14em; font-size: 10.5px; font-weight: 600; color: var(--muted-foreground); margin: 0; }\n.dz-airmail-desk-correspondent dd { margin: 0; }\n.dz-airmail-desk-correspondent .ow { margin: 0; font-size: 13.5px; border-bottom: 2px solid var(--accent); padding-bottom: 1px; display: inline-block; }\n.dz-airmail-desk-correspondent .ex ol { list-style: none; margin: 10px 0 0; padding: 0; }\n.dz-airmail-desk-correspondent .ex li { padding: 12px 0 12px 16px; border-bottom: 1px solid var(--border); border-left: 2px solid transparent; }\n.dz-airmail-desk-correspondent .ex .in { border-left-color: var(--primary); }\n.dz-airmail-desk-correspondent .ex .out { border-left-color: var(--border); }\n.dz-airmail-desk-correspondent .ex p { margin: 5px 0 0; font-size: 14.5px; }\n.dz-airmail-desk-correspondent .ot { margin-top: 24px; padding-top: 16px; border-top: 1px solid var(--border); }\n.dz-airmail-desk-correspondent .ot ul { list-style: none; margin: 10px 0 0; padding: 0; }\n.dz-airmail-desk-correspondent .ot li { display: flex; justify-content: space-between; gap: 18px; padding: 9px 0; border-bottom: 1px solid var(--border); }\n.dz-airmail-desk-correspondent .tt { font-size: 14px; }\n.dz-airmail-desk-correspondent .ts { font-family: var(--pv-mono); font-size: 12.5px; letter-spacing: .03em; line-height: 1.42; color: var(--muted-foreground); }\n",
  "requiredTheme": "/api/v1/themes/airmail-desk.json",
  "googleFontsHref": "https://fonts.googleapis.com/css2?family=Gabarito:wght@400;500;600;700&family=Urbanist:wght@400;500;600;700&family=Kode+Mono:wght@400;500;600;700&display=swap"
}