{
  "design": {
    "id": "elsewhere",
    "name": "Elsewhere",
    "niche": "Adventure travel company",
    "vibe": "Expansive, rugged, quietly adventurous",
    "tailwindVersion": "4.3.3",
    "fonts": {
      "heading": "Outfit",
      "body": "DM Sans",
      "label": "IBM Plex Mono"
    },
    "colors": {
      "background": "#f5f5f0",
      "foreground": "#24322d",
      "primary": "#d2f155",
      "primary-foreground": "#24322d",
      "card": "#e8ece4",
      "card-foreground": "#24322d",
      "muted": "#e2e8dd",
      "muted-foreground": "#5d6c62",
      "border": "#bac7b9",
      "accent": "#254638",
      "accent-foreground": "#ffffff",
      "secondary": "#e2e8dd",
      "secondary-foreground": "#24322d",
      "popover": "#e8ece4",
      "popover-foreground": "#24322d",
      "destructive": "#b42318",
      "input": "#bac7b9",
      "ring": "#d2f155"
    },
    "typography": {
      "hero": "clamp(4.5rem,8.8vw,8.5rem)",
      "heroMobile": "clamp(3rem,12.5vw,5.5rem)",
      "headingTracking": "-.065em",
      "headingLineHeight": ".98",
      "headingWeight": "500",
      "bodySize": "1rem",
      "bodyLineHeight": "1.65"
    },
    "spacing": {
      "unit": ".25rem",
      "contentWidth": "1280px",
      "gutter": "clamp(1.25rem,4vw,4rem)",
      "section": "6.5rem",
      "layoutGap": "2rem"
    },
    "radii": {
      "base": "3px"
    },
    "shadows": {
      "card": "0 12px 36px #00000014"
    },
    "motifs": [
      "Full-bleed alpine photography",
      "Field-note labels",
      "Route-line dividers",
      "Citrus wayfinding accents"
    ],
    "motion": {
      "character": "Static scenic hero; subtle navigation feedback",
      "fast": "180ms",
      "respectReducedMotion": true,
      "pauseControl": true
    },
    "layoutGuidance": "Scenic full-screen opening with anchored trip metadata; follow with practical route descriptions and an editorial itinerary. Additional section references: Full-height hiking photograph with expedition field notes; Three-day itinerary with large day numbers and route labels; Packing field card alongside practical introduction. Footer: Citrus basecamp departure board with planning directory and north marker. 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": [
      "Full-height hiking photograph with expedition field notes",
      "Three-day itinerary with large day numbers and route labels",
      "Packing field card alongside practical introduction"
    ],
    "footerDesign": "Citrus basecamp departure board with planning directory and north marker",
    "sortOrder": 8
  },
  "themeTokensCSS": ":root {\n  --background: #f5f5f0;\n  --foreground: #24322d;\n  --primary: #d2f155;\n  --primary-foreground: #24322d;\n  --card: #e8ece4;\n  --card-foreground: #24322d;\n  --muted: #e2e8dd;\n  --muted-foreground: #5d6c62;\n  --border: #bac7b9;\n  --accent: #254638;\n  --accent-foreground: #ffffff;\n  --secondary: #e2e8dd;\n  --secondary-foreground: #24322d;\n  --popover: #e8ece4;\n  --popover-foreground: #24322d;\n  --destructive: #b42318;\n  --input: #bac7b9;\n  --ring: #d2f155;\n  --font-heading: 'Outfit', sans-serif;\n  --font-body: 'DM Sans', sans-serif; --font-label: 'IBM Plex Mono', monospace;\n  --radius:3px; --shadow:0 12px 36px #00000014; --hero-size:clamp(4.5rem,8.8vw,8.5rem); --hero-mobile:clamp(3rem,12.5vw,5.5rem);\n  --heading-tracking:-.065em; --heading-line:.98; --heading-weight:500;\n  --content-width:1280px; --gutter:clamp(1.25rem,4vw,4rem); --section-space:6.5rem; --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\nbody>header{position:absolute;left:0;right:0;top:0;z-index:3;color:#fff}body>header .mobile-nav{--card:#24322d;--card-foreground:#fff;--border:#ffffff66}.travel-hero{position:relative;min-height:810px;color:#fff;background:#24322d}.travel-backdrop,.travel-overlay{position:absolute;inset:0;width:100%;height:100%}.travel-backdrop{object-position:center 60%}.travel-overlay{background:linear-gradient(90deg,#09231dcc 0%,#09231d66 65%,#09231d22),linear-gradient(0deg,#09231dbb,transparent 60%)}.travel-content{position:relative;padding-top:10rem;padding-bottom:2rem}.travel-content h1 em{font-style:normal;color:#d2f155}.travel-content>p{color:#eef4eb}.travel-spec{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;border-top:1px solid #ffffff55;padding-top:1.5rem;margin-top:4rem}.travel-spec .eyebrow{color:#d2f155;font-size:.75rem}.travel-spec p{font-size:.875rem;margin-top:.4rem}.journey{display:grid;grid-template-columns:150px 1fr 150px 48px;gap:2rem;align-items:center;padding:2.3rem 0;border-top:1px solid var(--border)}.journey h3{font-size:1.8rem;letter-spacing:-.04em}.journey p{font-size:.875rem;color:var(--muted-foreground);margin-top:.5rem}.journey-meta{font-size:.875rem;color:var(--muted-foreground)}.round-link{display:grid;place-content:center;width:48px;height:48px;border:1px solid var(--border);border-radius:50%;background:transparent}.round-link:hover{background:var(--primary)}.travel-way{background:var(--accent);color:var(--accent-foreground)}.travel-principles>div{display:flex;gap:2rem;border-top:1px solid #ffffff44;padding:1.5rem 0}.travel-principles span{font-family:var(--font-label);font-size:.75rem;color:var(--primary)}.travel-principles p{max-width:30rem}@media(max-width:760px){.travel-hero{min-height:850px}.travel-content{padding-top:8rem}.travel-content h1{font-size:4.4rem}.travel-spec{grid-template-columns:1fr;gap:1rem;margin-top:3rem}.travel-spec>div{display:flex;gap:1rem;align-items:center;justify-content:space-between}.travel-spec p{margin:0;text-align:right;max-width:60%}.journey{grid-template-columns:1fr 48px;gap:1rem}.journey>span:first-child{grid-column:1/-1}.journey>div{grid-column:1}.journey-meta{grid-column:1}.round-link{grid-column:2;grid-row:2}.journey h3{font-size:1.5rem}}\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.travel-trail{background:#1d352b;color:#f5f5f0}.trail-feature{display:grid;grid-template-columns:1.1fr 1fr;gap:5rem;align-items:center}.trail-feature figure{position:relative}.trail-feature figure img{height:650px;width:100%;object-fit:cover}.trail-feature figcaption{position:absolute;left:1.5rem;bottom:1.5rem;right:1.5rem;background:#14261ee6;color:#fff;padding:.6rem .8rem;font-family:var(--font-label);font-size:.75rem}.trail-feature>div>p:not(.eyebrow){max-width:29rem;color:#d1ddd1}.trail-notes{display:grid;grid-template-columns:1fr 1fr;gap:2rem;border-top:1px solid #738577;padding-top:2rem;margin-top:3rem}.trail-notes span{font-family:var(--font-label);font-size:.75rem;color:var(--primary)}.trail-notes p{font-size:.875rem;margin-top:1rem}.itinerary-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--border)}.itinerary-grid article{padding:2rem 2.5rem 0 0;display:flex;flex-direction:column;align-items:start}.itinerary-grid article+article{padding-left:2.5rem;border-left:1px solid var(--border)}.itinerary-day{font-family:var(--font-heading);font-size:5rem;line-height:1;letter-spacing:-.08em;color:#738473;margin-bottom:2rem}.itinerary-grid h3{font-size:1.7rem;margin:1rem 0}.itinerary-grid article>p:not(.eyebrow){color:var(--muted-foreground);padding-bottom:2rem}.itinerary-tag{font-size:.75rem;margin-top:auto;border:1px solid var(--border);padding:.5rem .7rem}.travel-pack{display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center}.pack-card{padding:2.5rem;background:#e8ece4;border:1px solid var(--border);transform:rotate(-1deg);box-shadow:8px 8px 0 #d8dfd3}.pack-card-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--border);padding-bottom:1.5rem}.pack-card-heading svg{height:2rem;width:2rem}.pack-items p{display:flex;gap:1.5rem;padding:.8rem 0;font-size:.875rem}.pack-items p span{font-family:var(--font-label);font-size:.75rem;color:var(--muted-foreground)}.pack-card>.section-endnote{border-top:1px solid var(--border);padding-top:1.5rem;margin-top:.5rem;color:var(--muted-foreground)}.travel-basecamp{background:#d2f155;color:#24322d;padding:2rem 0}.basecamp-header{display:flex;justify-content:space-between;align-items:center;gap:2rem;border-bottom:1px solid #637332;padding-bottom:1.5rem}.basecamp-header svg{width:2rem;height:2rem}.basecamp-grid{display:grid;grid-template-columns:1.1fr .9fr .7fr;gap:4rem;padding:4rem 0}.basecamp-grid h2{font-size:clamp(3rem,5vw,5rem)}.basecamp-grid>div:first-child>p{margin:1.5rem 0}.basecamp-grid .btn{background:#24322d;color:#f5f5f0}.basecamp-field{border-left:1px solid #637332;padding-left:2rem;display:flex;flex-direction:column;align-items:start}.basecamp-field>p{font-size:1.2rem;font-weight:500;margin-top:1.5rem;line-height:1.5}.basecamp-compass{font-family:var(--font-label);font-size:2rem;margin:2rem 0}.basecamp-bottom{border-top:1px solid #637332;padding-top:1.5rem;display:flex;justify-content:space-between;align-items:end;gap:2rem}@media(max-width:760px){.trail-feature,.itinerary-grid,.travel-pack,.basecamp-grid{grid-template-columns:1fr;gap:3rem}.trail-feature figure img{height:460px}.itinerary-grid{gap:0}.itinerary-grid article{padding:2rem 0}.itinerary-grid article+article{padding-left:0;border-left:0;border-top:1px solid var(--border)}.itinerary-day{font-size:4rem;margin-bottom:1rem}.pack-card{padding:1.5rem}.basecamp-field{border-left:0;border-top:1px solid #637332;padding:2rem 0 0}.basecamp-bottom{flex-direction:column;align-items:start}}\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."
  ]
}