{
  "design": {
    "id": "stillwell",
    "name": "Stillwell",
    "niche": "Wellness retreat",
    "vibe": "Restorative, organic, unhurried",
    "tailwindVersion": "4.3.3",
    "fonts": {
      "heading": "Cormorant Garamond",
      "body": "DM Sans",
      "label": "DM Sans"
    },
    "colors": {
      "background": "#f7f5ed",
      "foreground": "#263c32",
      "primary": "#365b46",
      "primary-foreground": "#ffffff",
      "card": "#e4e9dd",
      "card-foreground": "#263c32",
      "muted": "#e7e9de",
      "muted-foreground": "#4e6054",
      "border": "#b6c3b2",
      "accent": "#d9dfc9",
      "accent-foreground": "#263c32",
      "secondary": "#e7e9de",
      "secondary-foreground": "#263c32",
      "popover": "#e4e9dd",
      "popover-foreground": "#263c32",
      "destructive": "#b42318",
      "input": "#b6c3b2",
      "ring": "#365b46"
    },
    "typography": {
      "hero": "clamp(4.2rem,6.7vw,7rem)",
      "heroMobile": "clamp(3rem,12.5vw,5.5rem)",
      "headingTracking": "-.035em",
      "headingLineHeight": ".98",
      "headingWeight": "500",
      "bodySize": "1rem",
      "bodyLineHeight": "1.65"
    },
    "spacing": {
      "unit": ".25rem",
      "contentWidth": "1280px",
      "gutter": "clamp(1.25rem,4vw,4rem)",
      "section": "7rem",
      "layoutGap": "2rem"
    },
    "radii": {
      "base": "999px"
    },
    "shadows": {
      "card": "0 12px 36px #00000014"
    },
    "motifs": [
      "Arched photography",
      "Botanical greens",
      "Fine concentric lines",
      "Soft serif italics"
    ],
    "motion": {
      "character": "Slow breathing geometry with pause control; gentle color shifts",
      "fast": "180ms",
      "respectReducedMotion": true,
      "pauseControl": true
    },
    "layoutGuidance": "Intimate two-column opening with arched imagery; centered breathing room; minimal line-separated offering cards. Additional section references: Staggered day-at-the-retreat timeline; Edge-to-edge bedroom feature with stay amenities; Guest preparation letter on soft paper. Footer: Centered forest-green garden colophon, serif wordmark and a quiet parting note. Choose the sections relevant to the new brief rather than repeating this sequence.",
    "reusePolicy": "Transfer typography, spacing rhythm, semantic colors, component treatments, imagery direction and motion principles. Compose a new layout for the user’s content; do not copy this page structure or fictional copy.",
    "shadcnMapping": {
      "btn": "Button",
      "card": "Card",
      "faq": "Accordion",
      "contact-dialog": "Dialog + Form + Input + Textarea",
      "mobile-nav": "Sheet",
      "badge": "Badge"
    },
    "demo": {
      "fictionalBrand": true,
      "backend": false
    },
    "revision": 2,
    "sectionIdeas": [
      "Staggered day-at-the-retreat timeline",
      "Edge-to-edge bedroom feature with stay amenities",
      "Guest preparation letter on soft paper"
    ],
    "footerDesign": "Centered forest-green garden colophon, serif wordmark and a quiet parting note",
    "sortOrder": 5
  },
  "themeTokensCSS": ":root {\n  --background: #f7f5ed;\n  --foreground: #263c32;\n  --primary: #365b46;\n  --primary-foreground: #ffffff;\n  --card: #e4e9dd;\n  --card-foreground: #263c32;\n  --muted: #e7e9de;\n  --muted-foreground: #4e6054;\n  --border: #b6c3b2;\n  --accent: #d9dfc9;\n  --accent-foreground: #263c32;\n  --secondary: #e7e9de;\n  --secondary-foreground: #263c32;\n  --popover: #e4e9dd;\n  --popover-foreground: #263c32;\n  --destructive: #b42318;\n  --input: #b6c3b2;\n  --ring: #365b46;\n  --font-heading: 'Cormorant Garamond', serif;\n  --font-body: 'DM Sans', sans-serif; --font-label: 'DM Sans', monospace;\n  --radius:999px; --shadow:0 12px 36px #00000014; --hero-size:clamp(4.2rem,6.7vw,7rem); --hero-mobile:clamp(3rem,12.5vw,5.5rem);\n  --heading-tracking:-.035em; --heading-line:.98; --heading-weight:500;\n  --content-width:1280px; --gutter:clamp(1.25rem,4vw,4rem); --section-space:7rem; --layout-gap:2rem; --motion-fast:180ms;\n}",
  "tailwindThemeCSS": "@theme inline {\n  --color-background:var(--background);\n  --color-foreground:var(--foreground);\n  --color-primary:var(--primary);\n  --color-primary-foreground:var(--primary-foreground);\n  --color-card:var(--card);\n  --color-card-foreground:var(--card-foreground);\n  --color-muted:var(--muted);\n  --color-muted-foreground:var(--muted-foreground);\n  --color-border:var(--border);\n  --color-accent:var(--accent);\n  --color-accent-foreground:var(--accent-foreground);\n  --color-secondary:var(--secondary);\n  --color-secondary-foreground:var(--secondary-foreground);\n  --color-popover:var(--popover);\n  --color-popover-foreground:var(--popover-foreground);\n  --color-destructive:var(--destructive);\n  --color-input:var(--input);\n  --color-ring:var(--ring);\n  --font-sans:var(--font-body); --font-display:var(--font-heading); --font-mono:var(--font-label);\n  --radius-sm:calc(var(--radius)*.5); --radius-md:var(--radius); --radius-lg:calc(var(--radius)*1.5);\n  --spacing-gutter:var(--gutter); --spacing-section:var(--section-space); --container-content:var(--content-width);\n}",
  "componentAndMotifCSS": "\n*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--background);color:var(--foreground);font-family:var(--font-body);font-size:1rem;line-height:1.65}button,input,textarea,select{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}img{display:block;max-width:100%;object-fit:cover}@layer base{h1,h2,h3,p{margin:0}p{max-width:65ch}}h1,h2,h3{font-family:var(--font-heading);font-weight:var(--heading-weight);text-wrap:balance}h1{font-size:var(--hero-size);line-height:var(--heading-line);letter-spacing:var(--heading-tracking)}h2{font-size:clamp(2.3rem,4.5vw,4.5rem);line-height:1.08;letter-spacing:var(--heading-tracking)}h3{font-size:1.5rem;line-height:1.2}section[id]{scroll-margin-top:2rem}.wrap{width:min(var(--content-width),calc(100% - var(--gutter)*2));margin-inline:auto}.section{padding-block:var(--section-space)}.eyebrow{font-family:var(--font-label);font-size:.75rem;line-height:1.5;font-weight:600;text-transform:uppercase;letter-spacing:.14em}.muted{color:var(--muted-foreground)}.rule{border-top:1px solid var(--border)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:var(--layout-gap)}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--layout-gap)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;min-height:3rem;padding:.8rem 1.5rem;border:1px solid transparent;border-radius:var(--radius);background:var(--primary);color:var(--primary-foreground);font-size:.875rem;font-weight:600;line-height:1.4;transition:transform var(--motion-fast) ease,background var(--motion-fast) ease,box-shadow var(--motion-fast) ease}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.btn.outline{background:transparent;color:inherit;border-color:var(--border)}.link{display:inline-flex;gap:1rem;align-items:center;min-height:2.75rem;font-size:.875rem;border-bottom:1px solid currentColor}.icon{width:1.25rem;height:1.25rem;display:inline-block;flex-shrink:0;vertical-align:middle}.nav{min-height:6rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.brand{display:flex;align-items:center;gap:.65rem;font-family:var(--font-heading);font-weight:700;font-size:1.35rem;letter-spacing:-.04em}.nav-links{display:flex;align-items:center;gap:2rem;font-size:.875rem}.nav-links a:hover{text-decoration:underline;text-underline-offset:6px}.mobile-nav{display:none;position:relative}.mobile-nav summary{cursor:pointer;list-style:none;padding:.65rem .9rem;border:1px solid var(--border);border-radius:var(--radius);font-size:.875rem}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-links{position:absolute;right:0;top:3.25rem;z-index:30;min-width:220px;background:var(--card);color:var(--card-foreground);border:1px solid var(--border);padding:1rem;box-shadow:var(--shadow)}.mobile-links a{display:block;padding:.8rem}.skip{position:fixed;z-index:100;left:1rem;top:-8rem;background:var(--primary);color:var(--primary-foreground);padding:1rem}.skip:focus{top:1rem}:focus-visible{outline:3px solid var(--ring);outline-offset:5px}.card{padding:2rem;background:var(--card);color:var(--card-foreground);border:1px solid var(--border);border-radius:var(--radius)}.photo-credit{font-size:.75rem;opacity:.8}.faq{border-bottom:1px solid var(--border);padding-block:1.3rem}.faq summary{cursor:pointer;font-weight:500;display:flex;gap:1.5rem;align-items:center;justify-content:space-between;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';font-size:1.5rem}.faq[open] summary:after{content:'−'}.faq p{padding-top:1rem;color:var(--muted-foreground)}.contact-dialog{width:min(540px,calc(100% - 2rem));max-height:calc(100dvh - 2rem);overflow:auto;padding:2rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--card);color:var(--card-foreground);box-shadow:var(--shadow)}.contact-dialog::backdrop{background:#0009;backdrop-filter:blur(6px)}.contact-dialog h2{font-size:2rem;margin-block:1rem}.contact-dialog label{display:block;font-size:.875rem;margin-top:1rem}.contact-dialog input,.contact-dialog textarea{display:block;width:100%;margin-top:.4rem;padding:.8rem;border:1px solid var(--input);border-radius:var(--radius);background:var(--background);color:var(--foreground)}.contact-dialog .close{float:right;background:transparent;border:1px solid var(--border);width:2.75rem;height:2.75rem;border-radius:var(--radius)}.contact-dialog .status{margin-top:1rem;font-size:.875rem;color:var(--foreground)}.motion-control{font-family:var(--font-body);background:transparent;border:1px solid var(--border);border-radius:var(--radius);font-size:.75rem;padding:.45rem .7rem;min-height:2.75rem}.motion-paused *{animation-play-state:paused!important}.reveal{animation:enter 750ms both}@keyframes enter{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@keyframes rotate{to{transform:rotate(360deg)}}@media(max-width:760px){.nav{min-height:5rem}.nav-links{display:none}.mobile-nav{display:block}.grid2,.grid3{grid-template-columns:1fr}.section{padding-block:4rem}h1{font-size:var(--hero-mobile)}.card{padding:1.5rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}\n\n\n.nav .brand{font-size:2.1rem;letter-spacing:-.06em}.wellness-hero{display:grid;grid-template-columns:1fr 1fr;gap:6rem;padding:3rem 0 5rem;align-items:center}.wellness-copy h1 em{font-weight:400}.wellness-image{position:relative;border-radius:48% 48% 1rem 1rem;overflow:hidden;height:590px;border:8px solid var(--card);outline:1px solid var(--border);outline-offset:10px;margin:10px}.wellness-image img{width:100%;height:100%}.wellness-image:after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#183426aa)}.wellness-image-caption{position:absolute;z-index:2;bottom:2rem;left:0;right:0;text-align:center;color:#fff;font-size:.75rem;letter-spacing:.16em}.wellness-footnote{display:flex;gap:1.5rem;align-items:center;margin-top:3rem}.breathing-circle{border:1px solid var(--primary);height:54px;width:54px;border-radius:50%;position:relative;animation:breathe 5s ease-in-out infinite}.breathing-circle:after{content:'';position:absolute;inset:8px;border:1px solid var(--primary);border-radius:50%}.wellness-strip{background:var(--card);border-block:1px solid var(--border)}.wellness-offers{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem}.wellness-offers article{text-align:center;border-top:1px solid var(--border);padding-top:2rem}.wellness-num{font-family:var(--font-heading);font-style:italic;font-size:2.5rem;color:var(--muted-foreground)}.wellness-offers h3{font-size:2.3rem;margin:1rem 0}.wellness-offers p{color:var(--muted-foreground);max-width:19rem;margin:auto}.wellness-contact{background:var(--accent)}@keyframes breathe{50%{transform:scale(.85);opacity:.6}}@media(max-width:760px){.wellness-hero{grid-template-columns:1fr;gap:3rem;padding-top:2rem}.wellness-image{height:430px;max-width:500px}.wellness-offers{grid-template-columns:1fr;gap:3rem}.wellness-copy h1{font-size:4.3rem}.wellness-footnote{margin-top:2rem}}\n\n.fineprint{font-size:.75rem;line-height:1.7}.fineprint a{text-decoration:underline;text-underline-offset:4px}.section-note{font-size:.875rem;color:var(--muted-foreground)}.section-title{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:3rem}.section-title p{max-width:25rem}.editorial-label{font-family:var(--font-label);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase}.editorial-photo{width:100%;height:100%;object-fit:cover}.section-title h2{max-width:18ch}footer nav a{display:block;width:fit-content;padding:.45rem 0;font-size:.875rem}footer nav a:hover{text-decoration:underline;text-underline-offset:5px}footer :focus-visible{outline-color:currentColor}footer .photo-credit{opacity:1}footer .fineprint .photo-credit{display:block}.minor-link{display:inline-block;border:0;border-bottom:1px solid currentColor;background:none;padding:.7rem 0;color:inherit;cursor:pointer;font-size:.875rem}.editorial-quote{margin:0}.editorial-quote p{font-family:var(--font-heading);line-height:1.18;letter-spacing:var(--heading-tracking)}.editorial-quote cite{display:block;margin-top:2rem;font-style:normal;font-size:.875rem}figure{margin:0}.contact-large{display:block;text-align:left;border:0;padding:0;background:none;font-family:var(--font-heading)!important;font-size:clamp(3rem,7vw,7rem)!important;letter-spacing:var(--heading-tracking);line-height:1.05;font-weight:var(--heading-weight)}.contact-large:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.12em}.section-endnote{font-size:.75rem;letter-spacing:.03em}.inset-rule{border-top:1px solid currentColor;padding-top:1.5rem}@media(max-width:760px){.section-title{display:block}.section-title>p{margin-top:1.5rem}.contact-large{font-size:clamp(2.6rem,12vw,5rem)!important}}\n\n.wellness-day{display:grid;grid-template-columns:.85fr 1.15fr;gap:6rem}.wellness-day-intro>p:last-child{max-width:22rem}.day-sequence{border-left:1px solid var(--border);padding-left:2.5rem}.day-sequence article{display:grid;grid-template-columns:4rem 1fr;gap:2rem;padding:0 0 3.5rem;position:relative}.day-sequence article:before{content:'';position:absolute;width:9px;height:9px;border:1px solid var(--primary);border-radius:50%;background:var(--background);left:calc(-2.5rem - 5px);top:.5rem}.day-sequence article:last-child{padding-bottom:0}.day-sequence time{font-size:.875rem;color:var(--muted-foreground)}.day-sequence h3{font-size:2rem;margin:1rem 0}.day-sequence p{color:var(--muted-foreground)}.wellness-stay{display:grid;grid-template-columns:1.2fr 1fr;background:#e4e9dd;align-items:stretch}.wellness-room-photo img{width:100%;height:100%;min-height:640px;object-fit:cover}.wellness-room-copy{padding:5rem 4rem;max-width:620px;align-self:center}.room-amenities{display:flex;flex-wrap:wrap;gap:.75rem;margin:2rem 0}.room-amenities span{padding:.5rem .9rem;border:1px solid #b6c3b2;border-radius:999px;font-size:.75rem}.wellness-note-paper{max-width:860px;margin:auto;padding:4rem 5rem;border:1px solid var(--border);border-radius:2rem;text-align:center;background:#fdfcf7}.wellness-note-paper h2{margin:2rem 0}.wellness-note-paper>p:not(.eyebrow){max-width:33rem;margin:1.5rem auto;color:var(--muted-foreground)}.wellness-signature{font-family:var(--font-heading);font-style:italic;font-size:2rem;display:block;margin-top:2rem}.wellness-garden-footer{background:#263c32;color:#f7f5ed;padding:4rem 0 2.5rem;text-align:center}.wellness-garden-footer>.wrap>.eyebrow{max-width:none}.garden-circle{width:78px;height:78px;border:1px solid #acbea5;border-radius:50%;padding:12px;margin:0 auto 2rem}.garden-circle span{display:block;width:100%;height:100%;border:1px solid #acbea5;border-radius:50%}.garden-wordmark{font-family:var(--font-heading);font-size:clamp(5rem,14vw,13rem);letter-spacing:-.08em;line-height:1.1;margin:1rem 0 2rem;max-width:none}.garden-footer-links{display:flex;align-items:center;justify-content:center;gap:3rem;font-size:.875rem}.garden-footer-links>a{padding:.7rem 0}.garden-footer-links a:hover{text-decoration:underline}.garden-footer-bottom{display:flex;justify-content:space-between;align-items:end;gap:2rem;border-top:1px solid #839781;margin-top:4rem;padding-top:2rem;text-align:left;color:#d5dfce}.garden-parting{font-family:var(--font-heading);font-size:1.8rem;font-style:italic;line-height:1.15}.wellness-garden-footer .motion-control{border-color:#839781}@media(max-width:760px){.wellness-day,.wellness-stay{grid-template-columns:1fr;gap:3rem}.day-sequence{padding-left:1.5rem}.day-sequence article{grid-template-columns:3rem 1fr;gap:1rem}.day-sequence article:before{left:calc(-1.5rem - 5px)}.day-sequence h3{font-size:1.8rem}.wellness-stay{gap:0}.wellness-room-photo img{min-height:340px;height:340px}.wellness-room-copy{padding:3rem 1.5rem}.wellness-note-paper{padding:2.5rem 1.5rem}.garden-footer-links{flex-direction:column;gap:.7rem}.garden-footer-bottom{flex-wrap:wrap}.garden-footer-bottom .fineprint{width:100%}}\n",
  "implementationNotes": [
    "This is a style reference, not a layout to copy. Compose around the new content.",
    "Use the semantic colors and font roles. Preserve the spacing rhythm and contrast.",
    "In React, use the existing shadcn components and apply the supplied tokens.",
    "HTML dialog/details examples are native counterparts, not the actual shadcn React implementation.",
    "Keep reduced-motion support, keyboard operation, focus visibility and responsive layouts.",
    "Replace fictional business copy, sample prices, photos and all demo-only behavior.",
    "Compile Tailwind in the production builder; the browser CDN is for these references."
  ]
}