{"namespace":"ODLDentalClinicDesignSystem_798d6f","components":[{"name":"TitleGlyph","sourcePath":"components/core/Badge.jsx"},{"name":"Badge","sourcePath":"components/core/Badge.jsx"},{"name":"Button","sourcePath":"components/core/Button.jsx"},{"name":"Card","sourcePath":"components/core/Card.jsx"},{"name":"Icon","sourcePath":"components/core/Icon.jsx"},{"name":"ReviewCard","sourcePath":"components/core/ReviewCard.jsx"},{"name":"StatBlock","sourcePath":"components/core/StatBlock.jsx"},{"name":"TreatmentCard","sourcePath":"components/core/TreatmentCard.jsx"},{"name":"Input","sourcePath":"components/forms/Input.jsx"},{"name":"Textarea","sourcePath":"components/forms/Textarea.jsx"},{"name":"FaqList","sourcePath":"components/sections/FaqList.jsx"},{"name":"ListCard","sourcePath":"components/sections/ListCard.jsx"},{"name":"OverlayCard","sourcePath":"components/sections/OverlayCard.jsx"},{"name":"PriceTile","sourcePath":"components/sections/PriceTile.jsx"},{"name":"StepCard","sourcePath":"components/sections/StepCard.jsx"}],"startingPoints":[{"name":"website","path":"ui_kits/website/index.html","previewPath":"ui_kits/website/index.html","kind":"screen","section":"Website","subtitle":"ODL marketing homepage recreation","viewport":"1280x900"}],"cards":[{"path":"guidelines/brand-accreditations.card.html","group":"Brand","viewport":"700x150","subtitle":"Regulatory & professional bodies — GDC, CQC, BOS, BDA, AAO, Invisalign","name":"Accreditations"},{"path":"guidelines/brand-awards.card.html","group":"Brand","viewport":"700x340","subtitle":"22 winner badges, 2019–2025 — proof is a core brand device","name":"Award badges"},{"path":"guidelines/brand-imagery.card.html","group":"Brand","viewport":"700x210","subtitle":"Bright natural-light photography — real patients, team & clinic","name":"Imagery"},{"path":"guidelines/brand-logo.card.html","group":"Brand","viewport":"700x200","subtitle":"ODL tooth mark + wordmark — use on white / light surfaces","name":"Logo"},{"path":"guidelines/colors-brand.card.html","group":"Colors","viewport":"700x160","subtitle":"Cyan carries the brand; navy for high-emphasis CTAs","name":"Brand colors"},{"path":"guidelines/colors-ink.card.html","group":"Colors","viewport":"700x160","subtitle":"Near-black headings down to silver disabled text","name":"Ink & text"},{"path":"guidelines/colors-surfaces.card.html","group":"Colors","viewport":"700x160","subtitle":"Clean white and pale tints; light hairline borders","name":"Surfaces & borders"},{"path":"components/core/core.card.html","group":"Components","viewport":"700x540","subtitle":"Buttons, eyebrow labels, stats, reviews, cards & treatment tiles","name":"Core"},{"path":"components/forms/forms.card.html","group":"Components","viewport":"700x340","subtitle":"Labelled inputs & textarea with cyan focus and icons","name":"Forms"},{"path":"components/sections/sections.card.html","group":"Components","viewport":"700x760","subtitle":"Treatment-page blocks: steps, price tiles, FAQ, list & overlay cards","name":"Sections"},{"path":"guidelines/radii.card.html","group":"Spacing","viewport":"700x170","subtitle":"Soft rounding; pills for buttons, circles for thumbnails","name":"Radii"},{"path":"guidelines/shadows.card.html","group":"Spacing","viewport":"700x180","subtitle":"Soft, cool ambient elevation; cyan glow under CTAs","name":"Shadows"},{"path":"guidelines/spacing-scale.card.html","group":"Spacing","viewport":"700x170","subtitle":"4px base grid","name":"Spacing scale"},{"path":"guidelines/type-body.card.html","group":"Type","viewport":"700x220","subtitle":"Calm regular-weight copy; plain eyebrow labels","name":"Body, lead & labels"},{"path":"guidelines/type-display.card.html","group":"Type","viewport":"700x300","subtitle":"Title-Case display headings, semibold, tight tracking","name":"Display & headings"},{"path":"guidelines/type-family.card.html","group":"Type","viewport":"700x180","subtitle":"One friendly humanist sans across the whole brand","name":"Typeface — Manrope"},{"path":"ui_kits/website/index.html","group":"Website","viewport":"1280x780","subtitle":"ODL marketing homepage — hero, awards, treatments, contact","name":"Homepage"}],"templates":[],"hasThumbnailHtml":true,"globalCssPaths":["tokens/fonts.css","tokens/colors.css","tokens/typography.css","tokens/spacing.css","tokens/effects.css","styles.css"],"tokens":[{"name":"--odl-cyan","value":"#15ace6","kind":"color","definedIn":"tokens/colors.css"},{"name":"--odl-cyan-alt","value":"#12ade6","kind":"color","definedIn":"tokens/colors.css"},{"name":"--odl-navy","value":"#0056a7","kind":"color","definedIn":"tokens/colors.css"},{"name":"--odl-black","value":"#000000","kind":"color","definedIn":"tokens/colors.css"},{"name":"--odl-ink","value":"#111111","kind":"color","definedIn":"tokens/colors.css"},{"name":"--odl-ink-800","value":"#222222","kind":"color","definedIn":"tokens/colors.css"},{"name":"--odl-charcoal","value":"#3b3b3b","kind":"color","definedIn":"tokens/colors.css"},{"name":"--odl-charcoal-warm","value":"#464141","kind":"color","definedIn":"tokens/colors.css"},{"name":"--odl-gray","value":"#747474","kind":"color","definedIn":"tokens/colors.css"},{"name":"--odl-silver","value":"#c7c7c7","kind":"color","definedIn":"tokens/colors.css"},{"name":"--odl-line","value":"#d1d1d1","kind":"color","definedIn":"tokens/colors.css"},{"name":"--odl-line-soft","value":"#d9d9d9","kind":"color","definedIn":"tokens/colors.css"},{"name":"--odl-line-faint","value":"#e3e3e3","kind":"color","definedIn":"tokens/colors.css"},{"name":"--odl-white","value":"#ffffff","kind":"color","definedIn":"tokens/colors.css"},{"name":"--odl-ghost","value":"#fafafa","kind":"color","definedIn":"tokens/colors.css"},{"name":"--odl-smoke","value":"#f6f6f6","kind":"color","definedIn":"tokens/colors.css"},{"name":"--odl-ice","value":"#f2f9fd","kind":"color","definedIn":"tokens/colors.css"},{"name":"--odl-ice-alt","value":"#f1f8fc","kind":"color","definedIn":"tokens/colors.css"},{"name":"--brand","value":"var(--odl-cyan)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--brand-hover","value":"var(--odl-cyan-alt)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--cta","value":"var(--odl-navy)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--text-heading","value":"var(--odl-ink)","kind":"font","definedIn":"tokens/colors.css"},{"name":"--text-heading-warm","value":"var(--odl-charcoal-warm)","kind":"font","definedIn":"tokens/colors.css"},{"name":"--text-body","value":"var(--odl-charcoal)","kind":"font","definedIn":"tokens/colors.css"},{"name":"--text-muted","value":"var(--odl-gray)","kind":"font","definedIn":"tokens/colors.css"},{"name":"--text-disabled","value":"var(--odl-silver)","kind":"font","definedIn":"tokens/colors.css"},{"name":"--text-on-brand","value":"var(--odl-white)","kind":"font","definedIn":"tokens/colors.css"},{"name":"--text-link","value":"var(--odl-cyan)","kind":"font","definedIn":"tokens/colors.css"},{"name":"--surface-page","value":"var(--odl-white)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--surface-alt","value":"var(--odl-smoke)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--surface-tint","value":"var(--odl-ice)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--surface-card","value":"var(--odl-white)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--surface-brand","value":"var(--odl-cyan)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--border-default","value":"var(--odl-line)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--border-soft","value":"var(--odl-line-soft)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--border-faint","value":"var(--odl-line-faint)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--border-brand","value":"var(--odl-cyan)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--brand-a08","value":"rgba(21, 172, 230, 0.08)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--brand-a12","value":"rgba(21, 172, 230, 0.12)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--brand-a24","value":"rgba(21, 172, 230, 0.24)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--brand-a40","value":"rgba(21, 172, 230, 0.40)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--font-sans","value":"\"Manrope\", \"Helvetica Neue\", Arial, system-ui, sans-serif","kind":"font","definedIn":"tokens/typography.css"},{"name":"--font-display","value":"var(--font-sans)","kind":"font","definedIn":"tokens/typography.css"},{"name":"--font-body","value":"var(--font-sans)","kind":"font","definedIn":"tokens/typography.css"},{"name":"--fw-light","value":"300","kind":"font","definedIn":"tokens/typography.css","annotation":"font"},{"name":"--fw-regular","value":"400","kind":"font","definedIn":"tokens/typography.css","annotation":"font"},{"name":"--fw-medium","value":"500","kind":"font","definedIn":"tokens/typography.css","annotation":"font"},{"name":"--fw-semibold","value":"600","kind":"font","definedIn":"tokens/typography.css","annotation":"font"},{"name":"--fw-bold","value":"700","kind":"font","definedIn":"tokens/typography.css","annotation":"font"},{"name":"--fw-extrabold","value":"800","kind":"font","definedIn":"tokens/typography.css","annotation":"font"},{"name":"--fs-display-xl","value":"56px","kind":"spacing","definedIn":"tokens/typography.css"},{"name":"--fs-display-lg","value":"44px","kind":"spacing","definedIn":"tokens/typography.css"},{"name":"--fs-h1","value":"38px","kind":"spacing","definedIn":"tokens/typography.css"},{"name":"--fs-h2","value":"30px","kind":"spacing","definedIn":"tokens/typography.css"},{"name":"--fs-h3","value":"24px","kind":"spacing","definedIn":"tokens/typography.css"},{"name":"--fs-h4","value":"20px","kind":"spacing","definedIn":"tokens/typography.css"},{"name":"--fs-lead","value":"18px","kind":"spacing","definedIn":"tokens/typography.css"},{"name":"--fs-body","value":"16px","kind":"spacing","definedIn":"tokens/typography.css"},{"name":"--fs-sm","value":"14px","kind":"spacing","definedIn":"tokens/typography.css"},{"name":"--fs-xs","value":"12px","kind":"spacing","definedIn":"tokens/typography.css"},{"name":"--lh-tight","value":"1.1","kind":"other","definedIn":"tokens/typography.css","annotation":"other"},{"name":"--lh-snug","value":"1.25","kind":"other","definedIn":"tokens/typography.css","annotation":"other"},{"name":"--lh-normal","value":"1.5","kind":"other","definedIn":"tokens/typography.css","annotation":"other"},{"name":"--lh-relaxed","value":"1.65","kind":"other","definedIn":"tokens/typography.css","annotation":"other"},{"name":"--ls-tight","value":"-0.02em","kind":"other","definedIn":"tokens/typography.css","annotation":"other"},{"name":"--ls-snug","value":"-0.01em","kind":"other","definedIn":"tokens/typography.css","annotation":"other"},{"name":"--ls-normal","value":"0","kind":"other","definedIn":"tokens/typography.css","annotation":"other"},{"name":"--ls-wide","value":"0.08em","kind":"other","definedIn":"tokens/typography.css","annotation":"other"},{"name":"--space-0","value":"0","kind":"spacing","definedIn":"tokens/spacing.css"},{"name":"--space-1","value":"4px","kind":"spacing","definedIn":"tokens/spacing.css"},{"name":"--space-2","value":"8px","kind":"spacing","definedIn":"tokens/spacing.css"},{"name":"--space-3","value":"12px","kind":"spacing","definedIn":"tokens/spacing.css"},{"name":"--space-4","value":"16px","kind":"spacing","definedIn":"tokens/spacing.css"},{"name":"--space-5","value":"20px","kind":"spacing","definedIn":"tokens/spacing.css"},{"name":"--space-6","value":"24px","kind":"spacing","definedIn":"tokens/spacing.css"},{"name":"--space-8","value":"32px","kind":"spacing","definedIn":"tokens/spacing.css"},{"name":"--space-10","value":"40px","kind":"spacing","definedIn":"tokens/spacing.css"},{"name":"--space-12","value":"48px","kind":"spacing","definedIn":"tokens/spacing.css"},{"name":"--space-16","value":"64px","kind":"spacing","definedIn":"tokens/spacing.css"},{"name":"--space-20","value":"80px","kind":"spacing","definedIn":"tokens/spacing.css"},{"name":"--space-24","value":"96px","kind":"spacing","definedIn":"tokens/spacing.css"},{"name":"--section-py","value":"80px","kind":"spacing","definedIn":"tokens/spacing.css"},{"name":"--container-max","value":"1200px","kind":"spacing","definedIn":"tokens/spacing.css"},{"name":"--container-narrow","value":"760px","kind":"spacing","definedIn":"tokens/spacing.css"},{"name":"--gutter","value":"24px","kind":"spacing","definedIn":"tokens/spacing.css"},{"name":"--radius-sm","value":"6px","kind":"radius","definedIn":"tokens/effects.css"},{"name":"--radius-md","value":"10px","kind":"radius","definedIn":"tokens/effects.css"},{"name":"--radius-lg","value":"16px","kind":"radius","definedIn":"tokens/effects.css"},{"name":"--radius-xl","value":"24px","kind":"radius","definedIn":"tokens/effects.css"},{"name":"--radius-pill","value":"999px","kind":"radius","definedIn":"tokens/effects.css"},{"name":"--radius-circle","value":"50%","kind":"radius","definedIn":"tokens/effects.css"},{"name":"--shadow-xs","value":"0 1px 2px rgba(17, 17, 17, 0.06)","kind":"shadow","definedIn":"tokens/effects.css"},{"name":"--shadow-sm","value":"0 2px 8px rgba(17, 17, 17, 0.06)","kind":"shadow","definedIn":"tokens/effects.css"},{"name":"--shadow-md","value":"0 6px 20px rgba(17, 17, 17, 0.08)","kind":"shadow","definedIn":"tokens/effects.css"},{"name":"--shadow-lg","value":"0 16px 40px rgba(17, 17, 17, 0.10)","kind":"shadow","definedIn":"tokens/effects.css"},{"name":"--shadow-brand","value":"0 10px 24px rgba(21, 172, 230, 0.28)","kind":"shadow","definedIn":"tokens/effects.css"},{"name":"--focus-ring","value":"0 0 0 3px var(--brand-a40)","kind":"color","definedIn":"tokens/effects.css"},{"name":"--ease-standard","value":"cubic-bezier(0.4, 0, 0.2, 1)","kind":"other","definedIn":"tokens/effects.css","annotation":"other"},{"name":"--ease-out","value":"cubic-bezier(0.16, 1, 0.3, 1)","kind":"other","definedIn":"tokens/effects.css","annotation":"other"},{"name":"--dur-fast","value":"120ms","kind":"other","definedIn":"tokens/effects.css","annotation":"other"},{"name":"--dur-base","value":"200ms","kind":"other","definedIn":"tokens/effects.css","annotation":"other"},{"name":"--dur-slow","value":"320ms","kind":"other","definedIn":"tokens/effects.css","annotation":"other"}],"themes":[],"fonts":[{"family":"Manrope","weight":"200 800","style":"normal","cssPath":"tokens/fonts.css","files":["assets/fonts/Manrope-VariableFont_wght.ttf","assets/fonts/Manrope-VariableFont_wght.ttf"]}],"brandFonts":[{"family":"Manrope","status":"ok","tokens":["--font-sans"],"path":"tokens/fonts.css"}],"source":"spa"}