{
  "id": "moss-atlas-recorder",
  "name": "Recorder Profile",
  "theme": "moss-atlas",
  "category": "Profile & Social",
  "description": "A volunteer profile where the contribution is a calendar of days in the field, so consistency is visible in a way a total never is.",
  "layout": "A 260px identity column beside a 53-week contribution grid that spans the remaining width, with the species list running underneath both as a plain two-column set.",
  "modules": [
    {
      "key": "who",
      "name": "Identity",
      "html": "\n<aside class=\"wh\"><figure><img src=\"{{ART specimen}}\" alt=\"{{ARTALT specimen}}\"></figure>\n<h1>Ines Vandermeer-Osei</h1><span class=\"m\">Recorder since 2019 · bryophytes</span>\n<dl><div><dt>Days in field</dt><dd>412</dd></div><div><dt>Records</dt><dd>3,882</dd></div><div><dt>Sites</dt><dd>28</dd></div><div><dt>First record</dt><dd>2019-04-11</dd></div></dl>\n<span class=\"k\">Verified by</span><span class=\"m\">R. Idowu, county recorder</span></aside>"
    },
    {
      "key": "calendar",
      "name": "Field calendar",
      "html": "\n<section class=\"cal\"><header><span class=\"k\">Days in the field, last twelve months</span><span class=\"m\">61 days</span></header>\n<div class=\"grid\">\n  <i></i><i class=\"l1\"></i><i></i><i class=\"l2\"></i><i></i><i></i><i class=\"l1\"></i><i class=\"l3\"></i><i></i><i class=\"l2\"></i><i></i><i></i><i class=\"l1\"></i><i></i><i class=\"l2\"></i><i class=\"l3\"></i><i></i><i></i><i class=\"l1\"></i><i class=\"l2\"></i><i></i><i class=\"l3\"></i><i class=\"l3\"></i><i></i><i class=\"l1\"></i><i></i>\n  <i class=\"l2\"></i><i class=\"l3\"></i><i></i><i class=\"l1\"></i><i></i><i class=\"l2\"></i><i class=\"l3\"></i><i class=\"l3\"></i><i></i><i class=\"l1\"></i><i class=\"l2\"></i><i></i><i></i><i class=\"l3\"></i><i class=\"l2\"></i><i></i><i class=\"l1\"></i><i></i><i class=\"l2\"></i><i class=\"l3\"></i><i></i><i></i><i class=\"l1\"></i><i class=\"l2\"></i><i></i><i class=\"l3\"></i>\n  <i></i><i class=\"l1\"></i><i class=\"l2\"></i><i></i><i class=\"l3\"></i><i class=\"l3\"></i><i></i><i class=\"l1\"></i><i></i><i class=\"l2\"></i><i></i><i class=\"l3\"></i><i class=\"l1\"></i><i></i><i></i><i class=\"l2\"></i><i class=\"l3\"></i><i></i><i class=\"l1\"></i><i></i><i class=\"l2\"></i><i class=\"l3\"></i><i></i><i></i><i class=\"l1\"></i><i class=\"l2\"></i>\n</div>\n<footer><span class=\"m\">Sep</span><span class=\"m\">Dec</span><span class=\"m\">Mar</span><span class=\"m\">Jun</span><span class=\"m\">Sep</span></footer></section>"
    },
    {
      "key": "species",
      "name": "Most recorded",
      "html": "\n<section class=\"sp\"><h2 class=\"k\">Most recorded by this volunteer</h2>\n<ol>\n  <li><b>Sphagnum capillifolium</b><span class=\"n\">412</span></li>\n  <li><b>Polytrichum commune</b><span class=\"n\">388</span></li>\n  <li><b>Racomitrium lanuginosum</b><span class=\"n\">341</span></li>\n  <li><b>Hylocomium splendens</b><span class=\"n\">294</span></li>\n  <li><b>Sphagnum papillosum</b><span class=\"n\">277</span></li>\n  <li><b>Cladonia portentosa</b><span class=\"n\">218</span></li>\n</ol></section>"
    }
  ],
  "moduleCount": 3,
  "reorderable": false,
  "meta": {
    "id": "moss-atlas-recorder",
    "model": "Claude Opus 5",
    "author": "Claude Code",
    "createdAt": "2026-09-01T20:03:43+09:00",
    "updatedAt": "2026-09-01T20:03:43+09:00",
    "version": "1.0.0",
    "isNew": false
  },
  "link": "/api/v1/designs/moss-atlas-recorder.json",
  "structure": "A 260px identity column beside a 53-week contribution grid that spans the remaining width, with the species list running underneath both as a plain two-column set.",
  "html": "<div class=\"dz dz-moss-atlas-recorder\" data-design=\"moss-atlas-recorder\" data-theme=\"moss-atlas\">\n<section class=\"dz-mod\" data-mod=\"who\" aria-label=\"Identity\">\n<aside class=\"wh\"><figure><img src=\"https://designlookbook.dev/assets/img/moss-atlas-specimen.webp\" alt=\"Pressed leaves and lichen laid out on green board\"></figure>\n<h1>Ines Vandermeer-Osei</h1><span class=\"m\">Recorder since 2019 · bryophytes</span>\n<dl><div><dt>Days in field</dt><dd>412</dd></div><div><dt>Records</dt><dd>3,882</dd></div><div><dt>Sites</dt><dd>28</dd></div><div><dt>First record</dt><dd>2019-04-11</dd></div></dl>\n<span class=\"k\">Verified by</span><span class=\"m\">R. Idowu, county recorder</span></aside></section><section class=\"dz-mod\" data-mod=\"calendar\" aria-label=\"Field calendar\">\n<section class=\"cal\"><header><span class=\"k\">Days in the field, last twelve months</span><span class=\"m\">61 days</span></header>\n<div class=\"grid\">\n  <i></i><i class=\"l1\"></i><i></i><i class=\"l2\"></i><i></i><i></i><i class=\"l1\"></i><i class=\"l3\"></i><i></i><i class=\"l2\"></i><i></i><i></i><i class=\"l1\"></i><i></i><i class=\"l2\"></i><i class=\"l3\"></i><i></i><i></i><i class=\"l1\"></i><i class=\"l2\"></i><i></i><i class=\"l3\"></i><i class=\"l3\"></i><i></i><i class=\"l1\"></i><i></i>\n  <i class=\"l2\"></i><i class=\"l3\"></i><i></i><i class=\"l1\"></i><i></i><i class=\"l2\"></i><i class=\"l3\"></i><i class=\"l3\"></i><i></i><i class=\"l1\"></i><i class=\"l2\"></i><i></i><i></i><i class=\"l3\"></i><i class=\"l2\"></i><i></i><i class=\"l1\"></i><i></i><i class=\"l2\"></i><i class=\"l3\"></i><i></i><i></i><i class=\"l1\"></i><i class=\"l2\"></i><i></i><i class=\"l3\"></i>\n  <i></i><i class=\"l1\"></i><i class=\"l2\"></i><i></i><i class=\"l3\"></i><i class=\"l3\"></i><i></i><i class=\"l1\"></i><i></i><i class=\"l2\"></i><i></i><i class=\"l3\"></i><i class=\"l1\"></i><i></i><i></i><i class=\"l2\"></i><i class=\"l3\"></i><i></i><i class=\"l1\"></i><i></i><i class=\"l2\"></i><i class=\"l3\"></i><i></i><i></i><i class=\"l1\"></i><i class=\"l2\"></i>\n</div>\n<footer><span class=\"m\">Sep</span><span class=\"m\">Dec</span><span class=\"m\">Mar</span><span class=\"m\">Jun</span><span class=\"m\">Sep</span></footer></section></section><section class=\"dz-mod\" data-mod=\"species\" aria-label=\"Most recorded\">\n<section class=\"sp\"><h2 class=\"k\">Most recorded by this volunteer</h2>\n<ol>\n  <li><b>Sphagnum capillifolium</b><span class=\"n\">412</span></li>\n  <li><b>Polytrichum commune</b><span class=\"n\">388</span></li>\n  <li><b>Racomitrium lanuginosum</b><span class=\"n\">341</span></li>\n  <li><b>Hylocomium splendens</b><span class=\"n\">294</span></li>\n  <li><b>Sphagnum papillosum</b><span class=\"n\">277</span></li>\n  <li><b>Cladonia portentosa</b><span class=\"n\">218</span></li>\n</ol></section></section>\n</div>",
  "css": "\n.dz-moss-atlas-recorder { background: var(--background); color: var(--foreground); font-family: var(--pv-body); display: grid; grid-template-columns: 260px minmax(0, 1fr); column-gap: 34px; padding: 28px 30px 30px; align-content: start; }\n.dz-moss-atlas-recorder .wh figure { margin: 0 0 14px; }\n.dz-moss-atlas-recorder .wh img { width: 100%; aspect-ratio: 1; object-fit: cover; display: block; border-radius: var(--pv-radius); border: var(--pv-bw) solid var(--border); filter: var(--img-filter); }\n.dz-moss-atlas-recorder .wh h1 { font-family: var(--pv-display); font-size: 24px; font-weight: 600; margin: 0 0 4px; }\n.dz-moss-atlas-recorder .m { font-size: 11.5px; color: var(--muted-foreground); }\n.dz-moss-atlas-recorder .k { font-size: 11.5px; color: var(--muted-foreground); display: block; }\n.dz-moss-atlas-recorder .wh dl { margin: 16px 0; border-top: var(--pv-bw) solid var(--border); }\n.dz-moss-atlas-recorder .wh dl div { display: flex; justify-content: space-between; align-items: baseline; padding: 8px 0; border-bottom: var(--pv-bw) solid var(--border); }\n.dz-moss-atlas-recorder .wh dt { font-size: 13px; color: var(--muted-foreground); }\n.dz-moss-atlas-recorder .wh dd { margin: 0; font-family: var(--pv-mono); font-feature-settings: \"tnum\" 1; font-size: 14px; }\n.dz-moss-atlas-recorder .cal { background: var(--card); border: var(--pv-bw) solid var(--border); border-radius: var(--pv-radius); padding: 16px 18px 12px; }\n.dz-moss-atlas-recorder .cal header { display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 12px; }\n.dz-moss-atlas-recorder .grid { display: grid; grid-template-columns: repeat(26, 1fr); gap: 4px; }\n.dz-moss-atlas-recorder .grid i { aspect-ratio: 1; background: var(--secondary); border-radius: 2px; display: block; }\n.dz-moss-atlas-recorder .l1 { background: color-mix(in srgb, var(--primary) 30%, transparent); }\n.dz-moss-atlas-recorder .l2 { background: color-mix(in srgb, var(--primary) 60%, transparent); }\n.dz-moss-atlas-recorder .l3 { background: var(--primary); }\n.dz-moss-atlas-recorder .cal footer { display: flex; justify-content: space-between; padding-top: 10px; }\n.dz-moss-atlas-recorder .sp { grid-column: 2 / 3; padding-top: 22px; }\n.dz-moss-atlas-recorder .sp ol { list-style: none; margin: 10px 0 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 0 30px; }\n.dz-moss-atlas-recorder .sp li { display: flex; align-items: baseline; justify-content: space-between; gap: 14px; padding: 9px 0; border-bottom: var(--pv-bw) solid var(--border); }\n.dz-moss-atlas-recorder .sp b { font-family: var(--pv-display); font-size: 16px; font-weight: 600; font-style: italic; }\n.dz-moss-atlas-recorder .n { font-family: var(--pv-mono); font-feature-settings: \"tnum\" 1; font-size: 13.5px; color: var(--primary); }\n@media (prefers-reduced-motion: reduce) { .dz-moss-atlas-recorder *, .dz-moss-atlas-recorder *::before, .dz-moss-atlas-recorder *::after { transition-duration: 1ms !important; animation-duration: 1ms !important; } }",
  "requiredTheme": "/api/v1/themes/moss-atlas.json",
  "googleFontsHref": "https://fonts.googleapis.com/css2?family=Alegreya:wght@400;500;600;700&family=Alegreya+Sans:wght@400;500;600;700&family=Spline+Sans+Mono:wght@400;500;600;700&display=swap"
}