{
  "design": {
    "id": "objet",
    "name": "Objet",
    "niche": "Independent fashion label",
    "vibe": "Editorial, expressive, quietly luxurious",
    "tailwindVersion": "4.3.3",
    "fonts": {
      "heading": "Bodoni Moda",
      "body": "DM Sans",
      "label": "DM Sans"
    },
    "colors": {
      "background": "#f7f7f5",
      "foreground": "#202020",
      "primary": "#202020",
      "primary-foreground": "#ffffff",
      "card": "#ededeb",
      "card-foreground": "#202020",
      "muted": "#e7e7e3",
      "muted-foreground": "#595959",
      "border": "#bbbbbb",
      "accent": "#d4dbd0",
      "accent-foreground": "#202020",
      "secondary": "#e7e7e3",
      "secondary-foreground": "#202020",
      "popover": "#ededeb",
      "popover-foreground": "#202020",
      "destructive": "#b42318",
      "input": "#bbbbbb",
      "ring": "#202020"
    },
    "typography": {
      "hero": "clamp(5rem,8.7vw,8.4rem)",
      "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": "7rem",
      "layoutGap": "2rem"
    },
    "radii": {
      "base": "0px"
    },
    "shadows": {
      "card": "0 12px 36px #00000014"
    },
    "motifs": [
      "Monumental serif typography",
      "Monochrome photography",
      "Magazine-style captions",
      "Underlined editorial links"
    ],
    "motion": {
      "character": "Restrained image hover zoom; no ambient motion",
      "fast": "180ms",
      "respectReducedMotion": true,
      "pauseControl": true
    },
    "layoutGuidance": "A fashion spread: huge type balanced against portrait photography, editorial captions, very few boxes. Additional section references: Three-column fashion spread with oversized issue number; Close-up textile feature with specimen caption; Garment-care editorial notes. Footer: Oversized monochrome magazine imprint with collection index and return-to-cover link. 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": [
      "Three-column fashion spread with oversized issue number",
      "Close-up textile feature with specimen caption",
      "Garment-care editorial notes"
    ],
    "footerDesign": "Oversized monochrome magazine imprint with collection index and return-to-cover link",
    "sortOrder": 9
  },
  "themeTokensCSS": ":root {\n  --background: #f7f7f5;\n  --foreground: #202020;\n  --primary: #202020;\n  --primary-foreground: #ffffff;\n  --card: #ededeb;\n  --card-foreground: #202020;\n  --muted: #e7e7e3;\n  --muted-foreground: #595959;\n  --border: #bbbbbb;\n  --accent: #d4dbd0;\n  --accent-foreground: #202020;\n  --secondary: #e7e7e3;\n  --secondary-foreground: #202020;\n  --popover: #ededeb;\n  --popover-foreground: #202020;\n  --destructive: #b42318;\n  --input: #bbbbbb;\n  --ring: #202020;\n  --font-heading: 'Bodoni Moda', serif;\n  --font-body: 'DM Sans', sans-serif; --font-label: 'DM Sans', monospace;\n  --radius:0px; --shadow:0 12px 36px #00000014; --hero-size:clamp(5rem,8.7vw,8.4rem); --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: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-family:var(--font-heading);font-size:2.2rem;letter-spacing:.15em;font-weight:400}.nav .brand .icon{display:none}.fashion-hero{display:grid;grid-template-columns:1fr 1fr;gap:3rem;border-top:1px solid var(--border);padding-top:2rem}.fashion-headline{display:flex;flex-direction:column;align-items:flex-start;padding:1rem 0 2rem}.fashion-headline h1{margin:2rem 0;line-height:.92}.fashion-headline h1 em{font-weight:400}.fashion-sub{margin-top:auto;display:flex;align-items:end;justify-content:space-between;gap:2rem;width:100%;font-size:.875rem}.fashion-photo{position:relative;margin:0;overflow:hidden;min-height:690px}.fashion-photo img{position:absolute;inset:0;width:100%;height:100%;filter:grayscale(1);object-position:50% 40%;transition:transform 900ms ease}.fashion-photo:hover img{transform:scale(1.02)}.fashion-photo figcaption{position:absolute;bottom:1.5rem;left:1.5rem;right:1.5rem;background:#f7f7f5e8;padding:.65rem .9rem;font-size:.75rem;letter-spacing:.08em}.fashion-edit details{border-top:1px solid var(--border)}.fashion-edit details:last-child{border-bottom:1px solid var(--border)}.fashion-edit summary{display:grid;grid-template-columns:70px 1fr 120px 24px;gap:2rem;align-items:center;padding:2rem 0;list-style:none;cursor:pointer}.fashion-edit summary::-webkit-details-marker{display:none}.fashion-edit h3{font-size:2.4rem;font-weight:400;letter-spacing:-.03em}.fashion-edit details p{margin:0 0 2rem 102px;color:var(--muted-foreground)}.fashion-edit details[open] svg{transform:rotate(45deg)}.fashion-perspective{background:var(--accent)}@media(max-width:760px){.fashion-hero{grid-template-columns:1fr;gap:1.5rem}.fashion-headline h1{font-size:5.5rem;line-height:.95}.fashion-sub{align-items:start;flex-wrap:wrap}.fashion-photo{min-height:510px}.fashion-edit summary{grid-template-columns:24px 1fr 20px;gap:1rem}.fashion-edit h3{font-size:1.7rem}.fashion-edit summary>span:nth-of-type(2){grid-column:2;grid-row:2}.fashion-edit summary svg{grid-column:3;grid-row:1}.fashion-edit details p{margin-left:40px}}\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.fashion-lookbook{display:grid;grid-template-columns:.35fr 1fr .9fr;gap:3rem;align-items:center}.lookbook-margin{align-self:stretch;display:flex;flex-direction:column;justify-content:space-between}.lookbook-margin>span{font-family:var(--font-heading);font-size:7rem;line-height:1;letter-spacing:-.08em;color:#797b77}.lookbook-margin p{font-size:.75rem}.lookbook-image img{width:100%;height:650px;object-fit:cover;object-position:center 32%;filter:grayscale(1)}.lookbook-image figcaption{font-size:.75rem;letter-spacing:.07em;line-height:1.5;padding-top:1.2rem}.lookbook-copy h2{font-size:clamp(2.7rem,4.5vw,4.5rem);margin-top:2rem}.lookbook-copy>p:last-of-type{max-width:24rem}.fashion-texture{display:grid;grid-template-columns:1.15fr 1fr;background:#e8e8e3}.texture-image img{width:100%;height:620px;object-fit:cover;filter:grayscale(.7)}.texture-copy{padding:4rem;align-self:center;max-width:620px}.texture-caption{display:flex;justify-content:space-between;gap:2rem;margin-top:3rem;padding-top:1.5rem;border-top:1px solid #b3b8b0}.texture-caption p{font-size:.75rem;color:var(--muted-foreground)}.care-editorial{display:grid;grid-template-columns:1fr 1fr;gap:6rem;margin-top:3rem}.care-editorial h2{font-size:clamp(3rem,5.5vw,5.5rem)}.care-intro{font-family:var(--font-heading);font-size:1.8rem;line-height:1.3;margin-bottom:2rem}.care-note{border-top:1px solid var(--border);padding:1.5rem 0}.care-note>span{font-size:.75rem;letter-spacing:.05em}.care-note>p{margin-top:.8rem;color:var(--muted-foreground)}.fashion-imprint{background:#202020;color:#f7f7f5;padding:2rem 0}.imprint-top{display:flex;justify-content:space-between;gap:2rem;border-bottom:1px solid #888;padding-bottom:1.5rem}.imprint-word{font-family:var(--font-heading);font-size:clamp(5rem,21vw,21rem);font-weight:400;letter-spacing:.055em;line-height:1.1;text-align:center;padding-block:2rem;max-width:none}.imprint-grid{display:grid;grid-template-columns:1.2fr .7fr 1.1fr;gap:4rem;border-top:1px solid #888;padding-top:2rem}.fashion-imprint .muted{color:#c0c2bc}.imprint-colophon{color:#c0c2bc}.imprint-colophon>a{display:inline-block;margin-top:1rem}.imprint-bottom{display:flex;justify-content:space-between;gap:2rem;border-top:1px solid #888;padding-top:1.5rem;margin-top:3rem}@media(max-width:1000px){.fashion-lookbook{grid-template-columns:1fr 1fr}.lookbook-margin{grid-column:1/-1;flex-direction:row;align-items:end;gap:2rem}.lookbook-margin>span{font-size:3rem}}@media(max-width:760px){.fashion-lookbook,.fashion-texture,.care-editorial,.imprint-grid{grid-template-columns:1fr;gap:3rem}.lookbook-image img{height:500px}.lookbook-margin>p{max-width:8rem}.lookbook-margin>span{font-size:2.5rem}.fashion-texture{gap:0}.texture-image img{height:380px}.texture-copy{padding:3rem 1.5rem}.imprint-top{flex-direction:column;gap:.7rem}.imprint-word{font-size:20vw;letter-spacing:.015em}.imprint-grid{gap:2rem}.imprint-grid nav{display:flex;flex-wrap:wrap;gap:1rem}.imprint-bottom{gap:1rem}.imprint-bottom .eyebrow{font-size:.75rem}}\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."
  ]
}
