{
  "design": {
    "id": "orbit",
    "name": "Orbit",
    "niche": "Team productivity software",
    "vibe": "Clear, capable, quietly futuristic",
    "tailwindVersion": "4.3.3",
    "fonts": {
      "heading": "Inter",
      "body": "Inter",
      "label": "IBM Plex Mono"
    },
    "colors": {
      "background": "#fafbff",
      "foreground": "#19213a",
      "primary": "#5543d1",
      "primary-foreground": "#ffffff",
      "card": "#ffffff",
      "card-foreground": "#19213a",
      "muted": "#f0f2f8",
      "muted-foreground": "#606a82",
      "border": "#d8ddeb",
      "accent": "#eae5ff",
      "accent-foreground": "#392c92",
      "secondary": "#f0f2f8",
      "secondary-foreground": "#19213a",
      "popover": "#ffffff",
      "popover-foreground": "#19213a",
      "destructive": "#b42318",
      "input": "#d8ddeb",
      "ring": "#5543d1"
    },
    "typography": {
      "hero": "clamp(3.1rem,5.3vw,5.2rem)",
      "heroMobile": "clamp(3rem,12.5vw,5.5rem)",
      "headingTracking": "-.065em",
      "headingLineHeight": "1.06",
      "headingWeight": "600",
      "bodySize": "1rem",
      "bodyLineHeight": "1.65"
    },
    "spacing": {
      "unit": ".25rem",
      "contentWidth": "1280px",
      "gutter": "clamp(1.25rem,4vw,4rem)",
      "section": "6rem",
      "layoutGap": "2rem"
    },
    "radii": {
      "base": "10px"
    },
    "shadows": {
      "card": "0 12px 36px #00000014"
    },
    "motifs": [
      "Dot-grid backdrop",
      "Violet focus rings",
      "Layered application panels",
      "Small square line icons"
    ],
    "motion": {
      "character": "Small interaction transitions; static app preview",
      "fast": "180ms",
      "respectReducedMotion": true,
      "pauseControl": true
    },
    "layoutGuidance": "Centered concise value proposition followed immediately by wide application preview. Keep component density crisp and spacing on a 4px grid. Additional section references: Product bento with brief document, team message and handoff ticket; Three-tier pricing comparison with highlighted team plan; Connected-work directory in a 2×2 integration grid. Footer: Product sitemap with onboarding action, navigation columns and a release note panel. 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": [
      "Product bento with brief document, team message and handoff ticket",
      "Three-tier pricing comparison with highlighted team plan",
      "Connected-work directory in a 2×2 integration grid"
    ],
    "footerDesign": "Product sitemap with onboarding action, navigation columns and a release note panel",
    "sortOrder": 6
  },
  "themeTokensCSS": ":root {\n  --background: #fafbff;\n  --foreground: #19213a;\n  --primary: #5543d1;\n  --primary-foreground: #ffffff;\n  --card: #ffffff;\n  --card-foreground: #19213a;\n  --muted: #f0f2f8;\n  --muted-foreground: #606a82;\n  --border: #d8ddeb;\n  --accent: #eae5ff;\n  --accent-foreground: #392c92;\n  --secondary: #f0f2f8;\n  --secondary-foreground: #19213a;\n  --popover: #ffffff;\n  --popover-foreground: #19213a;\n  --destructive: #b42318;\n  --input: #d8ddeb;\n  --ring: #5543d1;\n  --font-heading: 'Inter', sans-serif;\n  --font-body: 'Inter', sans-serif; --font-label: 'IBM Plex Mono', monospace;\n  --radius:10px; --shadow:0 12px 36px #00000014; --hero-size:clamp(3.1rem,5.3vw,5.2rem); --hero-mobile:clamp(3rem,12.5vw,5.5rem);\n  --heading-tracking:-.065em; --heading-line:1.06; --heading-weight:600;\n  --content-width:1280px; --gutter:clamp(1.25rem,4vw,4rem); --section-space:6rem; --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.software-hero{padding:3rem 0 0;background:radial-gradient(ellipse at 50% 34%,#e8e3ff88,transparent 65%),radial-gradient(#c8c6dc 1px,transparent 1px);background-size:auto,22px 22px}.software-badge{display:inline-flex;background:var(--accent);border:1px solid #ccc2fa;border-radius:99px;padding:.5rem 1rem;color:var(--accent-foreground);font-size:.75rem;font-weight:500}.app-window{margin-top:4rem;border:1px solid var(--border);border-radius:14px;background:var(--card);box-shadow:0 30px 70px #5543d11a;overflow:hidden;text-align:left}.app-topbar{display:flex;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid var(--border);font-size:.875rem}.app-topbar .icon{margin-right:.5rem;width:1rem}.app-layout{display:grid;grid-template-columns:200px 1fr}.app-sidebar{padding:1.5rem 1rem;display:flex;flex-direction:column;gap:1.5rem;border-right:1px solid var(--border);background:#f8f9fd}.app-sidebar-selected{font-size:.875rem;font-weight:500;padding:.6rem;background:var(--accent);border-radius:6px;color:var(--accent-foreground)}.app-sidebar-selected .icon{width:1rem;margin-right:.25rem}.app-team{display:flex;margin-top:auto}.app-team span,.task-person{display:inline-grid;place-content:center;background:#ede9ff;color:#493597;border:2px solid #fff;width:30px;height:30px;border-radius:50%;font-size:.75rem}.app-team span+span{margin-left:-6px}.app-main{padding:2rem;min-width:0}.app-title{font-size:1.5rem;letter-spacing:-.03em}.app-switch{padding:4px;border:1px solid var(--border);background:var(--muted);border-radius:8px;display:flex}.app-switch button{padding:.4rem .8rem;font-size:.875rem;border:0;border-radius:5px;background:transparent}.app-switch button[aria-pressed=true]{background:#fff;box-shadow:0 1px 3px #0002;color:var(--primary)}.app-board{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}.app-column-title{font-size:.875rem;font-weight:500;display:flex;gap:.5rem;margin-bottom:.8rem}.app-column-title span{color:var(--muted-foreground)}.task{border:1px solid var(--border);border-radius:8px;padding:1rem;margin-bottom:.8rem;box-shadow:0 2px 3px #00000004}.task-tag{display:inline-block;padding:.2rem .5rem;background:#eef2fb;color:#40517b;font-size:.75rem;border-radius:4px}.task-tag.violet{color:#6843a5;background:#f0e9fc}.task-tag.green{color:#246145;background:#e1f3e8}.task h3{font-size:.875rem;line-height:1.4;letter-spacing:-.02em;margin-top:.8rem}.task p{font-size:.75rem;color:var(--muted-foreground);margin:.4rem 0 1rem}.task-progress{height:5px;background:var(--muted);border-radius:8px;margin-bottom:1rem}.task-progress span{width:60%;height:100%;display:block;background:var(--primary);border-radius:8px}.task-done{font-size:.75rem;color:#246145}.task-done .icon{width:1rem}.timeline-panel{margin-top:2rem;min-height:260px}.timeline-months{display:grid;grid-template-columns:repeat(4,1fr);font-size:.75rem;color:var(--muted-foreground);padding-bottom:1rem}.timeline-track{background:repeating-linear-gradient(to right,transparent 0,transparent calc(25% - 1px),#d8ddeb 25%);margin-bottom:1rem}.timeline-track>div{padding:.8rem;background:var(--accent);color:var(--accent-foreground);border-left:3px solid var(--primary);border-radius:4px;font-size:.75rem;min-width:0;overflow-wrap:anywhere}.software-feature .feature-icon{display:inline-grid;place-content:center;width:44px;height:44px;background:var(--accent);color:var(--primary);border:1px solid #d4cafb;border-radius:10px}.software-feature h3{margin:1.3rem 0 .8rem;font-size:1.2rem;letter-spacing:-.03em}.software-feature p{color:var(--muted-foreground)}.software-cta{background:var(--accent)}@media(max-width:1000px){.app-layout{grid-template-columns:1fr}.app-sidebar{display:none}}@media(max-width:760px){.software-hero{padding-top:2rem}.app-main{padding:1.25rem}.app-topbar{padding:1rem}.app-topbar .eyebrow{display:none}.app-board{grid-template-columns:1fr}.app-window{margin-top:3rem}.task{min-height:auto}.software-feature+.software-feature{margin-top: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.software-workflow{background:#f0f2f8}.orbit-bento{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.orbit-bento>article{padding:2.5rem;border:1px solid var(--border);border-radius:16px;background:#fff;overflow:hidden}.orbit-bento .orbit-brief{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.orbit-bento h3{font-size:1.8rem;letter-spacing:-.045em;margin:1rem 0}.orbit-bento p{color:var(--muted-foreground)}.brief-paper{padding:2rem;border:1px solid var(--border);border-radius:10px;background:#fafbff;box-shadow:0 12px 25px #19213a0a;transform:rotate(2deg)}.brief-paper h4{font-size:1.4rem;font-weight:600;line-height:1.3;margin:1rem 0;letter-spacing:-.035em}.brief-paper>p{font-size:.875rem;margin-bottom:1.5rem}.brief-item{display:flex;gap:.65rem;align-items:center;font-size:.875rem;padding:.5rem 0}.brief-item svg{width:1rem;color:var(--primary)}.orbit-message{display:flex;align-items:start;gap:1rem;padding:1.5rem;background:var(--muted);border-radius:10px;margin-top:2rem}.orbit-message>span{display:grid;place-content:center;flex-shrink:0;width:36px;height:36px;background:var(--accent);color:var(--primary);border-radius:50%;font-size:.75rem}.orbit-message b{font-size:.875rem}.orbit-message p{font-size:.875rem;margin:.4rem 0 .8rem}.orbit-message small{font-size:.75rem;color:var(--muted-foreground)}.handoff-ticket{padding:1.5rem;border:1px solid var(--border);border-radius:10px;margin-top:2rem;box-shadow:0 12px 0 -6px #eae5ff}.handoff-ticket>p{font-size:1.3rem;color:var(--foreground);font-weight:600;margin:1rem 0}.handoff-ticket>div{display:flex;gap:1rem;justify-content:space-between;font-size:.75rem;color:var(--muted-foreground)}.orbit-pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;align-items:stretch}.orbit-pricing article{display:flex;flex-direction:column;padding:2rem;border:1px solid var(--border);border-radius:14px;position:relative}.orbit-pricing h3{font-size:1.2rem;margin:1rem 0}.orbit-price{font-size:2.5rem;font-weight:600;letter-spacing:-.06em;line-height:1.2;margin:1rem 0}.orbit-price>span{display:block;font-size:.875rem;font-weight:400;letter-spacing:0;margin-top:.5rem}.orbit-pricing ul{padding:1.5rem 0;margin:1rem 0 1.5rem;list-style:none;border-top:1px solid var(--border);font-size:.875rem;color:var(--muted-foreground)}.orbit-pricing li{padding:.35rem 0}.orbit-pricing li:before{content:'✓';margin-right:.7rem;color:var(--primary)}.orbit-pricing .btn{margin-top:auto}.orbit-pricing .orbit-plan-team{border:2px solid var(--primary);background:#f5f3ff}.orbit-plan-label{position:absolute;top:-1rem;left:1.5rem;background:var(--primary);color:#fff;padding:.3rem .8rem;border-radius:99px;font-size:.75rem}.orbit-connections{display:grid;grid-template-columns:1fr 1fr;gap:5rem;padding-block:0 6rem}.connection-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.connection-grid>div{padding:1.5rem;border:1px solid var(--border);border-radius:10px;display:flex;flex-direction:column;gap:1rem}.connection-grid svg{width:2rem;height:2rem;color:var(--primary)}.connection-grid span{font-size:.875rem;font-weight:500}.connection-grid small{font-size:.75rem;color:var(--muted-foreground)}.orbit-footer{border-top:1px solid var(--border);padding:4rem 0 2rem;background:#fff}.orbit-footer-top{display:grid;grid-template-columns:1.2fr .7fr .7fr 1fr;gap:3rem}.orbit-footer-top .btn{margin-top:1.5rem}.orbit-release{padding:1.5rem;background:var(--muted);border-radius:10px;align-self:start}.orbit-release>p{font-weight:500;font-size:1.25rem;line-height:1.35;margin:1.5rem 0}.orbit-footer-base{display:flex;justify-content:space-between;gap:2rem;border-top:1px solid var(--border);margin-top:4rem;padding-top:1.5rem;color:var(--muted-foreground)}@media(max-width:1000px){.orbit-footer-top{grid-template-columns:1fr 1fr}.orbit-connections{gap:3rem}}@media(max-width:760px){.orbit-bento,.orbit-bento .orbit-brief,.orbit-pricing,.orbit-connections{grid-template-columns:1fr}.orbit-bento>article{padding:1.5rem}.orbit-pricing{gap:2rem}.orbit-pricing article{padding:1.5rem}.brief-paper{padding:1.5rem}.orbit-message{padding:1rem;gap:.7rem}.connection-grid{gap:1rem}.connection-grid>div{padding:1rem}.orbit-footer-top{gap:2rem}.orbit-footer-top>div:first-child,.orbit-release{grid-column:1/-1}.orbit-footer-base{flex-direction:column;gap:1rem}}\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."
  ]
}