{"namespace":"SinopharmaDesignSystem_d11735","components":[{"name":"ProductCard","sourcePath":"components/commerce/ProductCard.jsx"},{"name":"Rating","sourcePath":"components/commerce/Rating.jsx"},{"name":"Badge","sourcePath":"components/core/Badge.jsx"},{"name":"Button","sourcePath":"components/core/Button.jsx"},{"name":"Card","sourcePath":"components/core/Card.jsx"},{"name":"IconButton","sourcePath":"components/core/IconButton.jsx"},{"name":"Checkbox","sourcePath":"components/forms/Checkbox.jsx"},{"name":"Input","sourcePath":"components/forms/Input.jsx"},{"name":"Select","sourcePath":"components/forms/Select.jsx"},{"name":"Switch","sourcePath":"components/forms/Switch.jsx"},{"name":"ReviewCard","sourcePath":"components/reviews/ReviewCard.jsx"},{"name":"ReviewSummary","sourcePath":"components/reviews/ReviewSummary.jsx"},{"name":"TrustBlock","sourcePath":"components/trust/TrustBlock.jsx"}],"startingPoints":[{"name":"ProductCard","path":"components/commerce/ProductCard.jsx","previewPath":"components/commerce/commerce.card.html","kind":"component","section":"Commerce","subtitle":"Product tile with rating, price & add control","viewport":"320x420"},{"name":"Button","path":"components/core/Button.jsx","previewPath":"components/core/core.card.html","kind":"component","section":"Core","subtitle":"Primary action control with 5 variants","viewport":"700x150"},{"name":"ReviewSummary","path":"components/reviews/ReviewSummary.jsx","previewPath":"components/reviews/reviews.card.html","kind":"component","section":"Reviews","subtitle":"Rating average + distribution + verified note","viewport":"700x240"},{"name":"website","path":"ui_kits/website/index.html","previewPath":"ui_kits/website/index.html","kind":"screen","section":"Website","subtitle":"Full Sinopharma storefront — home, shop, product, cart","viewport":"1240x760"}],"cards":[{"path":"guidelines/brand-logo-dark.html","group":"Brand","viewport":"700x160","subtitle":"Cream knockout over ink / botanical waves","name":"Logo · On Dark"},{"path":"guidelines/brand-logo.html","group":"Brand","viewport":"700x160","subtitle":"On cream / light surfaces — keep clear space","name":"Logo · Primary"},{"path":"guidelines/brand-motifs.html","group":"Brand","viewport":"700x180","subtitle":"Fine-line rules, leaf node, wave panels","name":"Botanical Motifs"},{"path":"guidelines/color-gradients.html","group":"Colors","viewport":"700x170","subtitle":"Soft, modern accents — used sparingly","name":"Gradients & Color Waves"},{"path":"guidelines/color-gray.html","group":"Colors","viewport":"700x160","subtitle":"Typography on light surfaces","name":"Warm Gray · Text"},{"path":"guidelines/color-green.html","group":"Colors","viewport":"700x150","subtitle":"From the logo — CTAs, vitality, growth","name":"Leaf Green"},{"path":"guidelines/color-neutrals.html","group":"Colors","viewport":"700x150","subtitle":"Off-white site backgrounds — warm, paper-like","name":"Cream & Neutral Surfaces"},{"path":"guidelines/color-plum.html","group":"Colors","viewport":"700x150","subtitle":"From the logo — quiet secondary accent","name":"Plum / Aubergine"},{"path":"guidelines/color-sage.html","group":"Colors","viewport":"700x150","subtitle":"The signature — quiet, botanical, structural","name":"Sage / Khaki"},{"path":"guidelines/color-semantic.html","group":"Colors","viewport":"700x140","subtitle":"Earthy, muted functional colors","name":"Semantic States"},{"path":"components/commerce/commerce.card.html","group":"Components","viewport":"700x470","subtitle":"Commerce tiles & review stars","name":"Product Card · Rating"},{"path":"components/core/core.card.html","group":"Components","viewport":"700x330","subtitle":"Core actions & surfaces","name":"Buttons · Badges · Cards"},{"path":"components/forms/forms.card.html","group":"Components","viewport":"700x300","subtitle":"Input · Select · Checkbox · Switch","name":"Form Controls"},{"path":"components/reviews/reviews.card.html","group":"Components","viewport":"900x520","subtitle":"ReviewSummary + ReviewCard, achats vérifiés","name":"Avis clients — preuve sociale encadrée"},{"path":"components/trust/trust.card.html","group":"Components","viewport":"900x460","subtitle":"Le 1er levier de confiance, secteur santé","name":"TrustBlock — réassurance renforcée"},{"path":"guidelines/spacing-elevation.html","group":"Spacing","viewport":"700x170","subtitle":"Very soft, warm-tinted shadows + fine lines","name":"Elevation & Hairlines"},{"path":"guidelines/spacing-radius.html","group":"Spacing","viewport":"700x150","subtitle":"Soft but restrained — apothecary precision","name":"Corner Radii"},{"path":"guidelines/spacing-scale.html","group":"Spacing","viewport":"700x150","subtitle":"4px base — generous, airy rhythm","name":"Spacing Scale"},{"path":"guidelines/type-body.html","group":"Type","viewport":"700x190","subtitle":"Reading & UI — warm humanist sans","name":"Body · Hanken Grotesk"},{"path":"guidelines/type-display.html","group":"Type","viewport":"700x180","subtitle":"Headings & hero — precise, clean grotesque","name":"Display · Schibsted Grotesk"},{"path":"guidelines/type-eyebrow.html","group":"Type","viewport":"700x120","subtitle":"Uppercase, wide-tracked — quiet wayfinding","name":"Eyebrow & Labels"},{"path":"guidelines/type-mono.html","group":"Type","viewport":"700x150","subtitle":"Lab readouts — dosages, SKUs, batch data","name":"Mono · IBM Plex Mono"},{"path":"guidelines/type-scale.html","group":"Type","viewport":"700x230","subtitle":"Display → caption hierarchy","name":"Type Scale"},{"path":"guidelines/type-serif.html","group":"Type","viewport":"700x150","subtitle":"Heritage accents, pull-quotes — used lightly","name":"Editorial · Newsreader"},{"path":"ui_kits/website/index.html","group":"Website","viewport":"1240x760","subtitle":"Accueil · boutique · fiche produit · panier","name":"Site e-commerce — parcours complet"}],"templates":[],"hasThumbnailHtml":true,"globalCssPaths":["tokens/fonts.css","tokens/colors.css","tokens/typography.css","tokens/layout.css","tokens/base.css","styles.css"],"tokens":[{"name":"--cream-50","value":"#fbfaf5","kind":"color","definedIn":"tokens/colors.css"},{"name":"--cream-100","value":"#f6f4ec","kind":"color","definedIn":"tokens/colors.css"},{"name":"--cream-200","value":"#efece0","kind":"color","definedIn":"tokens/colors.css"},{"name":"--cream-300","value":"#e6e2d2","kind":"color","definedIn":"tokens/colors.css"},{"name":"--sage-50","value":"#eef1ea","kind":"color","definedIn":"tokens/colors.css"},{"name":"--sage-100","value":"#e2e7da","kind":"color","definedIn":"tokens/colors.css"},{"name":"--sage-200","value":"#d2dac6","kind":"color","definedIn":"tokens/colors.css"},{"name":"--sage-300","value":"#bec7b5","kind":"color","definedIn":"tokens/colors.css"},{"name":"--sage-400","value":"#a6b199","kind":"color","definedIn":"tokens/colors.css"},{"name":"--sage-500","value":"#8b9879","kind":"color","definedIn":"tokens/colors.css"},{"name":"--sage-600","value":"#6f7c5e","kind":"color","definedIn":"tokens/colors.css"},{"name":"--green-300","value":"#aebd7e","kind":"color","definedIn":"tokens/colors.css"},{"name":"--green-400","value":"#93a557","kind":"color","definedIn":"tokens/colors.css"},{"name":"--green-500","value":"#789048","kind":"color","definedIn":"tokens/colors.css"},{"name":"--green-600","value":"#65793b","kind":"color","definedIn":"tokens/colors.css"},{"name":"--green-700","value":"#4f5f2e","kind":"color","definedIn":"tokens/colors.css"},{"name":"--plum-400","value":"#7c627c","kind":"color","definedIn":"tokens/colors.css"},{"name":"--plum-500","value":"#604860","kind":"color","definedIn":"tokens/colors.css"},{"name":"--plum-600","value":"#4d384d","kind":"color","definedIn":"tokens/colors.css"},{"name":"--plum-700","value":"#3a293a","kind":"color","definedIn":"tokens/colors.css"},{"name":"--ink-900","value":"#232a20","kind":"color","definedIn":"tokens/colors.css"},{"name":"--ink-800","value":"#2d352a","kind":"color","definedIn":"tokens/colors.css"},{"name":"--ink-700","value":"#3a4435","kind":"color","definedIn":"tokens/colors.css"},{"name":"--gray-900","value":"#2b2d28","kind":"color","definedIn":"tokens/colors.css"},{"name":"--gray-800","value":"#383b34","kind":"color","definedIn":"tokens/colors.css"},{"name":"--gray-700","value":"#4a4d46","kind":"color","definedIn":"tokens/colors.css"},{"name":"--gray-600","value":"#5b5e55","kind":"color","definedIn":"tokens/colors.css"},{"name":"--gray-500","value":"#71746a","kind":"color","definedIn":"tokens/colors.css"},{"name":"--gray-400","value":"#9a9c91","kind":"color","definedIn":"tokens/colors.css"},{"name":"--gray-300","value":"#c4c5bb","kind":"color","definedIn":"tokens/colors.css"},{"name":"--white","value":"#ffffff","kind":"color","definedIn":"tokens/colors.css"},{"name":"--success","value":"#65793b","kind":"color","definedIn":"tokens/colors.css"},{"name":"--warning","value":"#b9892f","kind":"color","definedIn":"tokens/colors.css"},{"name":"--danger","value":"#a6453d","kind":"color","definedIn":"tokens/colors.css"},{"name":"--info","value":"#5d7385","kind":"color","definedIn":"tokens/colors.css"},{"name":"--surface-page","value":"var(--cream-100)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--surface-raised","value":"var(--cream-50)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--surface-card","value":"var(--white)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--surface-sunken","value":"var(--cream-200)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--surface-sage","value":"var(--sage-100)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--surface-dark","value":"var(--ink-900)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--surface-dark-soft","value":"var(--ink-800)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--text-strong","value":"var(--gray-900)","kind":"font","definedIn":"tokens/colors.css"},{"name":"--text-body","value":"var(--gray-700)","kind":"font","definedIn":"tokens/colors.css"},{"name":"--text-muted","value":"var(--gray-500)","kind":"font","definedIn":"tokens/colors.css"},{"name":"--text-faint","value":"var(--gray-400)","kind":"font","definedIn":"tokens/colors.css"},{"name":"--text-on-dark","value":"var(--cream-100)","kind":"font","definedIn":"tokens/colors.css"},{"name":"--text-on-dark-muted","value":"#aab0a0","kind":"font","definedIn":"tokens/colors.css"},{"name":"--text-on-accent","value":"var(--cream-50)","kind":"font","definedIn":"tokens/colors.css"},{"name":"--brand-primary","value":"var(--green-500)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--brand-primary-hover","value":"var(--green-600)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--brand-secondary","value":"var(--plum-500)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--brand-sage","value":"var(--sage-300)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--border-hairline","value":"#e1ddcf","kind":"color","definedIn":"tokens/colors.css"},{"name":"--border-soft","value":"var(--gray-300)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--border-strong","value":"var(--sage-500)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--border-on-dark","value":"rgba(246, 244, 236, 0.16)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--accent-link","value":"var(--green-600)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--focus-ring","value":"rgba(120, 144, 72, 0.45)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--wave-sage","value":"linear-gradient(135deg, #e2e7da 0%, #cdd6c0 55%, #bec7b5 100%)","kind":"color","definedIn":"tokens/colors.css","annotation":"color"},{"name":"--wave-cream","value":"linear-gradient(180deg, #fbfaf5 0%, #f1eee2 100%)","kind":"color","definedIn":"tokens/colors.css","annotation":"color"},{"name":"--wave-dark","value":"linear-gradient(150deg, #2d352a 0%, #232a20 70%, #1d231a 100%)","kind":"color","definedIn":"tokens/colors.css","annotation":"color"},{"name":"--wave-green","value":"linear-gradient(120deg, #93a557 0%, #65793b 100%)","kind":"color","definedIn":"tokens/colors.css","annotation":"color"},{"name":"--wave-dusk","value":"linear-gradient(135deg, #6f7c5e 0%, #604860 130%)","kind":"color","definedIn":"tokens/colors.css","annotation":"color"},{"name":"--glow-sage","value":"radial-gradient(60% 80% at 50% 0%, rgba(190,199,181,0.55) 0%, rgba(190,199,181,0) 70%)","kind":"color","definedIn":"tokens/colors.css","annotation":"color"},{"name":"--font-display","value":"'Schibsted Grotesk', 'Helvetica Neue', Arial, sans-serif","kind":"font","definedIn":"tokens/typography.css"},{"name":"--font-body","value":"'Hanken Grotesk', 'Helvetica Neue', Arial, sans-serif","kind":"font","definedIn":"tokens/typography.css"},{"name":"--font-serif","value":"'Newsreader', Georgia, 'Times New Roman', serif","kind":"font","definedIn":"tokens/typography.css"},{"name":"--font-mono","value":"'IBM Plex Mono', ui-monospace, 'SF Mono', Menlo, monospace","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-black","value":"800","kind":"font","definedIn":"tokens/typography.css","annotation":"font"},{"name":"--fs-display","value":"clamp(2.75rem, 1.6rem + 5.2vw, 5rem)","kind":"spacing","definedIn":"tokens/typography.css","annotation":"spacing"},{"name":"--fs-h1","value":"clamp(2.1rem, 1.3rem + 3.4vw, 3.5rem)","kind":"spacing","definedIn":"tokens/typography.css","annotation":"spacing"},{"name":"--fs-h2","value":"clamp(1.6rem, 1.1rem + 2.1vw, 2.5rem)","kind":"spacing","definedIn":"tokens/typography.css","annotation":"spacing"},{"name":"--fs-h3","value":"clamp(1.3rem, 1.05rem + 1.1vw, 1.75rem)","kind":"spacing","definedIn":"tokens/typography.css","annotation":"spacing"},{"name":"--fs-h4","value":"1.25rem","kind":"spacing","definedIn":"tokens/typography.css"},{"name":"--fs-xs","value":"0.75rem","kind":"spacing","definedIn":"tokens/typography.css"},{"name":"--fs-sm","value":"0.8125rem","kind":"spacing","definedIn":"tokens/typography.css"},{"name":"--fs-base","value":"0.9375rem","kind":"spacing","definedIn":"tokens/typography.css"},{"name":"--fs-md","value":"1.0625rem","kind":"spacing","definedIn":"tokens/typography.css"},{"name":"--fs-lg","value":"1.25rem","kind":"spacing","definedIn":"tokens/typography.css"},{"name":"--fs-xl","value":"1.5rem","kind":"spacing","definedIn":"tokens/typography.css"},{"name":"--lh-tight","value":"1.12","kind":"other","definedIn":"tokens/typography.css","annotation":"other"},{"name":"--lh-snug","value":"1.32","kind":"other","definedIn":"tokens/typography.css","annotation":"other"},{"name":"--lh-normal","value":"1.55","kind":"other","definedIn":"tokens/typography.css","annotation":"other"},{"name":"--lh-relaxed","value":"1.7","kind":"other","definedIn":"tokens/typography.css","annotation":"other"},{"name":"--tracking-tight","value":"-0.02em","kind":"spacing","definedIn":"tokens/typography.css","annotation":"spacing"},{"name":"--tracking-normal","value":"0","kind":"spacing","definedIn":"tokens/typography.css","annotation":"spacing"},{"name":"--tracking-wide","value":"0.04em","kind":"spacing","definedIn":"tokens/typography.css","annotation":"spacing"},{"name":"--tracking-eyebrow","value":"0.18em","kind":"spacing","definedIn":"tokens/typography.css","annotation":"spacing"},{"name":"--space-0","value":"0","kind":"spacing","definedIn":"tokens/layout.css"},{"name":"--space-1","value":"0.25rem","kind":"spacing","definedIn":"tokens/layout.css"},{"name":"--space-2","value":"0.5rem","kind":"spacing","definedIn":"tokens/layout.css"},{"name":"--space-3","value":"0.75rem","kind":"spacing","definedIn":"tokens/layout.css"},{"name":"--space-4","value":"1rem","kind":"spacing","definedIn":"tokens/layout.css"},{"name":"--space-5","value":"1.5rem","kind":"spacing","definedIn":"tokens/layout.css"},{"name":"--space-6","value":"2rem","kind":"spacing","definedIn":"tokens/layout.css"},{"name":"--space-7","value":"3rem","kind":"spacing","definedIn":"tokens/layout.css"},{"name":"--space-8","value":"4rem","kind":"spacing","definedIn":"tokens/layout.css"},{"name":"--space-9","value":"6rem","kind":"spacing","definedIn":"tokens/layout.css"},{"name":"--space-10","value":"8rem","kind":"spacing","definedIn":"tokens/layout.css"},{"name":"--container","value":"1240px","kind":"spacing","definedIn":"tokens/layout.css","annotation":"spacing"},{"name":"--container-text","value":"720px","kind":"spacing","definedIn":"tokens/layout.css","annotation":"spacing"},{"name":"--gutter","value":"clamp(1.25rem, 4vw, 4rem)","kind":"spacing","definedIn":"tokens/layout.css","annotation":"spacing"},{"name":"--section-y","value":"clamp(4rem, 8vw, 8rem)","kind":"spacing","definedIn":"tokens/layout.css","annotation":"spacing"},{"name":"--radius-xs","value":"4px","kind":"radius","definedIn":"tokens/layout.css"},{"name":"--radius-sm","value":"8px","kind":"radius","definedIn":"tokens/layout.css"},{"name":"--radius-md","value":"12px","kind":"radius","definedIn":"tokens/layout.css"},{"name":"--radius-lg","value":"18px","kind":"radius","definedIn":"tokens/layout.css"},{"name":"--radius-xl","value":"28px","kind":"radius","definedIn":"tokens/layout.css"},{"name":"--radius-pill","value":"999px","kind":"radius","definedIn":"tokens/layout.css"},{"name":"--bw-hairline","value":"1px","kind":"spacing","definedIn":"tokens/layout.css","annotation":"spacing"},{"name":"--bw-medium","value":"1.5px","kind":"spacing","definedIn":"tokens/layout.css","annotation":"spacing"},{"name":"--shadow-xs","value":"0 1px 2px rgba(45, 53, 42, 0.05)","kind":"shadow","definedIn":"tokens/layout.css"},{"name":"--shadow-sm","value":"0 2px 8px rgba(45, 53, 42, 0.06)","kind":"shadow","definedIn":"tokens/layout.css"},{"name":"--shadow-md","value":"0 8px 24px rgba(45, 53, 42, 0.08)","kind":"shadow","definedIn":"tokens/layout.css"},{"name":"--shadow-lg","value":"0 18px 48px rgba(45, 53, 42, 0.10)","kind":"shadow","definedIn":"tokens/layout.css"},{"name":"--shadow-focus","value":"0 0 0 3px var(--focus-ring)","kind":"shadow","definedIn":"tokens/layout.css"},{"name":"--ease-out","value":"cubic-bezier(0.22, 0.61, 0.36, 1)","kind":"other","definedIn":"tokens/layout.css","annotation":"other"},{"name":"--ease-in-out","value":"cubic-bezier(0.45, 0, 0.25, 1)","kind":"other","definedIn":"tokens/layout.css","annotation":"other"},{"name":"--dur-fast","value":"140ms","kind":"other","definedIn":"tokens/layout.css","annotation":"other"},{"name":"--dur-base","value":"220ms","kind":"other","definedIn":"tokens/layout.css","annotation":"other"},{"name":"--dur-slow","value":"420ms","kind":"other","definedIn":"tokens/layout.css","annotation":"other"}],"themes":[],"fonts":[],"brandFonts":[{"family":"Schibsted Grotesk","status":"ok","tokens":["--font-display"],"path":"tokens/typography.css"},{"family":"Hanken Grotesk","status":"ok","tokens":["--font-body"],"path":"tokens/typography.css"},{"family":"Newsreader","status":"ok","tokens":["--font-serif"],"path":"tokens/typography.css"},{"family":"IBM Plex Mono","status":"ok","tokens":["--font-mono"],"path":"tokens/typography.css"}],"source":"spa"}