{"name":"Kiosk-X Design System","version":"2.0.0","brand":"Kiosk X by Intelliverse X","changelog":{"2.0.0":"Brand v2 — the Kiosk-X Figma palette (charcoal / coral / amber / cream, Sora + Montserrat Alternates + Poppins) replaces the deep-space navy / neon cyan / purple set on every surface: kiosk storefront, emulator, operator view, guides, site, device style. Token keys unchanged; purple-*/cyan-*/pink-500 are aliases of the coral ramp. New keys: coral-300/500/700, amber-300, cream, ink.","1.0.1":"Radii reconciled to the shipped operator console / native app: buttons 12px, cards 16px (were 9px/14px). New semantic tokens radius.button and radius.card. Docs mirror restyled from these tokens. Accepted deviation recorded: APK launcher icon background stays #0b0d17.","1.0.0":"Initial extraction from intelli-verse-x.ai, the APK brand overlay, and the emulator kiosk CSS."},"sources":["Figma 'Kiosk Web UI' mQcUnikYgRdZzhmYJsGhHI (marketing site, Kiosk OS page, merch checkout)","Intelliverse-X-User-Webfrontend src/components/merch/merch-theme.css (shipped Figma tokens)","kiosk-x app/phone_theme.py (phone pages, same palette)","reyeah-jd-vending-kiosk scripts/localize_en.py BRAND_COLORS (APK theme overlay — mirrors `android`)"],"color":{"coral-500":"#f05a47","coral-700":"#c9412f","coral-300":"#ff8a75","amber-500":"#f5c66c","amber-300":"#ffdd99","cream":"#fff9e9","ink":"#151515","purple-500":"#f05a47","purple-700":"#c9412f","cyan-400":"#ff8a75","cyan-300":"#ffb3a5","pink-500":"#f5c66c","teal-500":"#2fb27f","teal-600":"#25955f","rose-400":"#ff6b6b","green-400":"#3ecf93","bg":"#151515","panel":"#1c1c1c","surface":"#202020","surface-2":"#262626","kiosk-shell":"#0a0a0a","line":"#333333","line-bright":"#3d3d3d","line-glow":"#444444","text":"#fafafa","muted":"#b8b8b8"},"gradient":{"brand":"linear-gradient(90deg, #ff8a75, #f05a47 55%, #f5c66c)","action":"linear-gradient(90deg, #f05a47, #c9412f)","hero":"linear-gradient(135deg, #c9412f, #f05a47)","price":"linear-gradient(90deg, #ff8a75, #f05a47)","age-18":"linear-gradient(90deg, #f5c66c, #f05a47)","age-21":"linear-gradient(90deg, #c9412f, #f05a47)","screen":"radial-gradient(120% 90% at 20% 0%, #202020 0%, #191919 45%, #151515 100%)"},"typography":{"family-display":"'Montserrat Alternates', Sora, Poppins, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif","family-body":"Sora, Poppins, -apple-system, BlinkMacSystemFont, 'Segoe UI', Inter, sans-serif","family-cta":"Poppins, Sora, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif","family-mono":"ui-monospace, Menlo, monospace","google-font":"https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&family=Montserrat+Alternates:wght@600;700;800;900&family=Poppins:wght@400;500;600;700;800;900&display=swap","scale":{"display":{"size":"42px","weight":900,"letterSpacing":"-1px"},"h1":{"size":"30px","weight":800,"letterSpacing":"-0.4px"},"stat":{"size":"32px","weight":900},"h2":{"size":"20px","weight":800},"body":{"size":"15px","weight":400,"lineHeight":1.55},"label":{"size":"12px","weight":600},"micro":{"size":"10px","weight":600},"overline":{"size":"11px","weight":700,"letterSpacing":"5px","transform":"uppercase"}},"weights":[400,600,700,800,900]},"spacing":{"unit":"4px","scale":{"xs":"4px","sm":"8px","md":"12px","lg":"16px","xl":"24px","2xl":"28px"},"touch-target-min":"48px"},"radius":{"sm":"8px","md":"12px","lg":"14px","xl":"16px","button":"12px","card":"16px","screen":"14px","device":"22px","pill":"999px"},"shadow":{"device":"0 30px 60px rgba(0,0,0,.55), 0 0 40px rgba(240,90,71,.06)","glow-cyan":"0 0 14px rgba(255,138,117,.25)","glow-cyan-strong":"0 0 20px rgba(255,138,117,.35)","glow-purple":"0 0 20px rgba(240,90,71,.4)","glow-coral":"0 0 20px rgba(240,90,71,.4)","tile-hover":"0 8px 22px rgba(240,90,71,.22)"},"motion":{"duration-tap":"150ms","duration-hover":"180ms","duration-pop":"400ms","ease-standard":"ease-in-out","ease-pop":"cubic-bezier(.2,1.6,.4,1)","ease-count":"cubic-bezier(.2,1.5,.4,1)","keyframes":{"glowpulse":"wordmark glow oscillation, 2.6s infinite","drift":"ambient blurred orbs on the attract screen, 9-13s alternate","floaty":"floating category emoji, 6s infinite","popin":"scale .4→1 spring entrance for reward chips","blink":"50% opacity call-to-action pulse, 1.6s","confetti":"70-piece brand-colored fall on purchase success","buzz":"collection-tray shake on dispense","scanbeam":"coral beam sweep on the age-check card, 1.1s"},"reduced-motion":"honor prefers-reduced-motion: disable drift/floaty/glowpulse"},"iconography":{"style":"emoji glyphs — playful, category-agnostic, zero-download","category-emoji":{"drinks":"🥤","snacks":"🍿","tech":"🎧","beauty":"💄","energy":"⚡","alcohol":"🍺","vape":"💨","fallback":"🎁"},"logo":"Kiosk X wordmark — 'Kiosk' in text / cream, 'X' in coral-500 (Figma navbar); KX monogram on coral-500 tile for icons","qr":"brand-customized per destination (app/qr.py): rounded modules in the destination product's primary color on white, ECC-H, product logo on a white center plate — QuestX (quests/free product/prizes, indigo #4f46e5), ContentX (ad creation, magenta #a21caf), Intelliverse X (Game World, purple #7c3aed), KX ink for operator/house utility"},"component":{"button-primary":{"background":"gradient.action","color":"#fff","weight":700,"radius":"12px","hover":"brightness(1.12) + shadow.glow-coral"},"button-secondary":{"background":"color.surface-2","border":"1px solid color.line","radius":"12px","hover":"border-color coral-300 + shadow.glow-cyan"},"card":{"background":"color.panel","border":"1px solid color.line","radius":"16px"},"product-tile":{"background":"color.surface","border":"1px solid color.line-bright","radius":"12px","hover":"translateY(-3px) scale(1.03) + shadow.tile-hover"},"stat-hero":{"background":"gradient.hero","radius":"16px","color":"#fff"},"pill-alert":{"radius":"pill","amber":"rgba(245,198,108,.15)","rose":"rgba(255,107,107,.15)"},"stock-bar":{"height":"6px","radius":"3px","track":"color.line","healthy":"color.teal-500","low":"color.amber-500","out":"color.rose-400"},"age-chip":{"radius":"pill","18+":"gradient.age-18","21+":"gradient.age-21"}},"android":{"colorPrimary":"#f05a47","colorPrimaryDark":"#c9412f","colorAccent":"#ff8a75","bg_select_blue":"#f05a47"},"voice":{"tone":"playful, gamified, category-agnostic — 'Scan · Play · Win'","examples":["Quick age check — takes a second, then straight back to the fun.","Enjoy! Grab your item below — scan the QR to play & win.","You're in — verified. Enjoy!"]}}