{
  "id": "lilac-quiet-privacy",
  "name": "Privacy Settings",
  "theme": "lilac-quiet",
  "category": "Settings & Forms",
  "description": "A privacy page that states what the product cannot do rather than what it promises not to do, with each guarantee as a card and no toggle where there is no choice.",
  "layout": "A 640px column alternating between fixed guarantees, which have no control at all, and actual choices, which do — the difference marked by whether a row has a toggle.",
  "modules": [
    {
      "key": "head",
      "name": "Header",
      "html": "\n<header class=\"hd\"><h1>Privacy</h1><p>Some of these are settings. Some of them are facts about how the product is built and cannot be changed by anyone, including us.</p></header>"
    },
    {
      "key": "facts",
      "name": "Fixed guarantees",
      "html": "\n<section class=\"gp\"><h2 class=\"k\">Cannot be changed</h2>\n  <div class=\"fx\"><b>Entries are encrypted on your device.</b><p>The key never leaves it. If you lose every device you own, your entries are gone and we cannot recover them.</p></div>\n  <div class=\"fx\"><b>There is no sharing mechanism.</b><p>No links, no export-to-social, no team accounts. Sharing would require us to build something that does not exist.</p></div>\n  <div class=\"fx\"><b>We do not sell or process the text.</b><p>We could not — see above. No model has been trained on anything written here.</p></div>\n</section>"
    },
    {
      "key": "choices",
      "name": "Choices",
      "html": "\n<section class=\"gp\"><h2 class=\"k\">Yours to choose</h2>\n  <label class=\"rw\"><span>Keep a local backup on this device.</span><input type=\"checkbox\" checked class=\"tg\"></label>\n  <label class=\"rw\"><span>Sync encrypted entries between my devices.</span><input type=\"checkbox\" checked class=\"tg\"></label>\n  <label class=\"rw\"><span>Show the writing streak.</span><input type=\"checkbox\" class=\"tg\"></label>\n  <label class=\"rw\"><span>Send the fortnightly letter to my email.</span><input type=\"checkbox\" checked class=\"tg\"></label>\n</section>"
    },
    {
      "key": "export",
      "name": "Export block",
      "html": "\n<footer class=\"ex\"><div><span class=\"k\">Take everything with you</span><p>Plain text, one file per entry, in a zip. Works whether or not you have a subscription.</p></div><button type=\"button\" class=\"go\">Export 412 entries</button></footer>"
    }
  ],
  "moduleCount": 4,
  "reorderable": true,
  "meta": {
    "id": "lilac-quiet-privacy",
    "model": "Claude Opus 5",
    "author": "Claude Code",
    "createdAt": "2026-09-01T20:05:48+09:00",
    "updatedAt": "2026-09-01T20:05:48+09:00",
    "version": "1.0.0",
    "isNew": false
  },
  "link": "/api/v1/designs/lilac-quiet-privacy.json",
  "structure": "A 640px column alternating between fixed guarantees, which have no control at all, and actual choices, which do — the difference marked by whether a row has a toggle.",
  "html": "<div class=\"dz dz-lilac-quiet-privacy\" data-design=\"lilac-quiet-privacy\" data-theme=\"lilac-quiet\">\n<section class=\"dz-mod\" data-mod=\"head\" aria-label=\"Header\">\n<header class=\"hd\"><h1>Privacy</h1><p>Some of these are settings. Some of them are facts about how the product is built and cannot be changed by anyone, including us.</p></header></section>\n<section class=\"dz-mod\" data-mod=\"facts\" aria-label=\"Fixed guarantees\">\n<section class=\"gp\"><h2 class=\"k\">Cannot be changed</h2>\n  <div class=\"fx\"><b>Entries are encrypted on your device.</b><p>The key never leaves it. If you lose every device you own, your entries are gone and we cannot recover them.</p></div>\n  <div class=\"fx\"><b>There is no sharing mechanism.</b><p>No links, no export-to-social, no team accounts. Sharing would require us to build something that does not exist.</p></div>\n  <div class=\"fx\"><b>We do not sell or process the text.</b><p>We could not — see above. No model has been trained on anything written here.</p></div>\n</section></section>\n<section class=\"dz-mod\" data-mod=\"choices\" aria-label=\"Choices\">\n<section class=\"gp\"><h2 class=\"k\">Yours to choose</h2>\n  <label class=\"rw\"><span>Keep a local backup on this device.</span><input type=\"checkbox\" checked class=\"tg\"></label>\n  <label class=\"rw\"><span>Sync encrypted entries between my devices.</span><input type=\"checkbox\" checked class=\"tg\"></label>\n  <label class=\"rw\"><span>Show the writing streak.</span><input type=\"checkbox\" class=\"tg\"></label>\n  <label class=\"rw\"><span>Send the fortnightly letter to my email.</span><input type=\"checkbox\" checked class=\"tg\"></label>\n</section></section>\n<section class=\"dz-mod\" data-mod=\"export\" aria-label=\"Export block\">\n<footer class=\"ex\"><div><span class=\"k\">Take everything with you</span><p>Plain text, one file per entry, in a zip. Works whether or not you have a subscription.</p></div><button type=\"button\" class=\"go\">Export 412 entries</button></footer></section>\n</div>",
  "css": "\n.dz-lilac-quiet-privacy { background: var(--background); color: var(--foreground); font-family: var(--pv-body); display: grid; grid-template-columns: minmax(0, 640px); justify-content: center; padding: 36px 34px 40px; row-gap: 30px; align-content: start; }\n.dz-lilac-quiet-privacy .hd h1 { font-family: var(--pv-display); font-size: 40px; font-weight: 600; letter-spacing: -.025em; margin: 0 0 10px; }\n.dz-lilac-quiet-privacy .hd p { font-size: 16px; line-height: 1.62; color: var(--muted-foreground); margin: 0; }\n.dz-lilac-quiet-privacy .k { font-size: 11.5px; color: var(--muted-foreground); display: block; }\n.dz-lilac-quiet-privacy .gp h2 { margin: 0 0 14px; }\n.dz-lilac-quiet-privacy .fx { background: var(--card); border-radius: var(--pv-radius); box-shadow: 0 16px 40px -22px color-mix(in srgb, var(--primary) 45%, transparent); padding: 20px 24px; margin-bottom: 14px; }\n.dz-lilac-quiet-privacy .fx b { display: block; font-family: var(--pv-display); font-size: 19px; font-weight: 600; margin-bottom: 6px; }\n.dz-lilac-quiet-privacy .fx p { font-size: 14.5px; line-height: 1.6; color: var(--muted-foreground); margin: 0; }\n.dz-lilac-quiet-privacy .rw { background: var(--card); border-radius: var(--pv-radius); box-shadow: 0 16px 40px -22px color-mix(in srgb, var(--primary) 45%, transparent); display: flex; align-items: center; gap: 18px; padding: 16px 24px; margin-bottom: 12px; cursor: pointer; }\n.dz-lilac-quiet-privacy .rw span { flex: 1; font-size: 15.5px; color: var(--muted-foreground); }\n.dz-lilac-quiet-privacy .tg { appearance: none; width: 46px; height: 26px; border-radius: 999px; background: var(--muted); border: 0; position: relative; cursor: pointer; flex: none; transition: background var(--dur-slow) var(--ease); }\n.dz-lilac-quiet-privacy .tg::after { content: \"\"; position: absolute; top: 3px; left: 3px; width: 20px; height: 20px; border-radius: 999px; background: var(--card); box-shadow: 0 2px 5px -1px color-mix(in srgb, var(--foreground) 25%, transparent); transition: transform var(--dur-slow) var(--ease); }\n.dz-lilac-quiet-privacy .tg:checked { background: var(--primary); }\n.dz-lilac-quiet-privacy .tg:checked::after { transform: translateX(20px); }\n.dz-lilac-quiet-privacy .tg:focus-visible { outline: 3px solid var(--ring); outline-offset: 3px; }\n.dz-lilac-quiet-privacy .ex { background: var(--card); border-radius: var(--pv-radius); box-shadow: 0 16px 40px -22px color-mix(in srgb, var(--primary) 45%, transparent); display: flex; align-items: center; gap: 26px; padding: 22px 24px; }\n.dz-lilac-quiet-privacy .ex p { font-size: 14.5px; line-height: 1.55; color: var(--muted-foreground); margin: 6px 0 0; }\n.dz-lilac-quiet-privacy .go { font: inherit; font-size: 14.5px; background: var(--primary); color: var(--primary-foreground); border: 0; border-radius: var(--pv-radius-md); padding: 13px 24px; cursor: pointer; white-space: nowrap; }\n@media (prefers-reduced-motion: reduce) { .dz-lilac-quiet-privacy *, .dz-lilac-quiet-privacy *::before, .dz-lilac-quiet-privacy *::after { transition-duration: 1ms !important; animation-duration: 1ms !important; } }",
  "requiredTheme": "/api/v1/themes/lilac-quiet.json",
  "googleFontsHref": "https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700&family=Fira+Mono:wght@400;500;600;700&display=swap"
}