{"namespace":"VivoNGDesignSystem_b36d4c","components":[{"name":"Vivinho","sourcePath":"components/brand/Vivinho.jsx"},{"name":"Button","sourcePath":"components/buttons/Button.jsx"},{"name":"Alert","sourcePath":"components/feedback/Alert.jsx"},{"name":"Badge","sourcePath":"components/feedback/Badge.jsx"},{"name":"Input","sourcePath":"components/forms/Input.jsx"},{"name":"Switch","sourcePath":"components/forms/Switch.jsx"},{"name":"Avatar","sourcePath":"components/surfaces/Avatar.jsx"},{"name":"Card","sourcePath":"components/surfaces/Card.jsx"},{"name":"ListItem","sourcePath":"components/surfaces/ListItem.jsx"},{"name":"List","sourcePath":"components/surfaces/ListItem.jsx"}],"startingPoints":[{"name":"mobile","path":"ui_kits/mobile/index.html","previewPath":"ui_kits/mobile/index.html","kind":"screen","section":"Vivo · Telas","subtitle":"App mobile Meu Vivo com navegação inferior","viewport":"430x880"},{"name":"web","path":"ui_kits/web/index.html","previewPath":"ui_kits/web/index.html","kind":"screen","section":"Vivo · Telas","subtitle":"Painel de autoatendimento Minha Vivo (web)","viewport":"1280x800"}],"cards":[{"path":"guidelines/logo.card.html","group":"Brand","viewport":"700x180","subtitle":"Use sempre os arquivos originais — não reconstrua","name":"Logotipo"},{"path":"guidelines/vivinho.card.html","group":"Brand","viewport":"700x230","subtitle":"Símbolo da marca · qualquer cor da paleta · inclinação máx. 22°","name":"Vivinho"},{"path":"guidelines/voice.card.html","group":"Brand","viewport":"700x230","subtitle":"pt-BR · otimista, caloroso, humano · sem estereótipos","name":"Voz & tom"},{"path":"guidelines/color-grays.card.html","group":"Colors","viewport":"700x150","subtitle":"Papéis definidos pelo guia","name":"Cinzas"},{"path":"guidelines/color-primary.card.html","group":"Colors","viewport":"700x200","subtitle":"Sempre presente · nunca substituída","name":"Cor principal — Púrpura"},{"path":"guidelines/color-secondary.card.html","group":"Colors","viewport":"700x180","subtitle":"Rosa · Laranja · Verde · Azul — uma por composição","name":"Cores secundárias"},{"path":"guidelines/color-support.card.html","group":"Colors","viewport":"700x180","subtitle":"Contraste no digital · estados de UI","name":"Cores de apoio"},{"path":"guidelines/gradients-one.card.html","group":"Colors","viewport":"700x150","subtitle":"Do tom principal ao tom de apoio","name":"Degradês — uma cor"},{"path":"guidelines/gradients-two.card.html","group":"Colors","viewport":"700x160","subtitle":"Assinatura púrpura→rosa · púrpura 30% + cor 70%","name":"Degradês — marca & duas cores"},{"path":"components/brand/vivinho.card.html","group":"Components","viewport":"700x260","subtitle":"Símbolo da marca recolorível · inclinação máx. 22°","name":"Vivinho (componente)"},{"path":"components/buttons/buttons.card.html","group":"Components","viewport":"700x300","subtitle":"Preenchido · contorno · desabilitado · tamanhos","name":"Botões"},{"path":"components/feedback/feedback.card.html","group":"Components","viewport":"700x250","subtitle":"Alertas (sucesso/erro/info/alerta) · badges","name":"Feedback"},{"path":"components/forms/forms.card.html","group":"Components","viewport":"700x230","subtitle":"Campo · foco · erro · switch","name":"Formulários"},{"path":"components/surfaces/surfaces.card.html","group":"Components","viewport":"700x320","subtitle":"Cartão · lista · avatar","name":"Superfícies"},{"path":"ui_kits/mobile/index.html","group":"Meu Vivo (Mobile)","viewport":"430x880","subtitle":"Home · consumo · Valoriza · conta","name":"Meu Vivo — app mobile"},{"path":"ui_kits/web/index.html","group":"Minha Vivo (Web)","viewport":"1280x800","subtitle":"Login · início · faturas · plano · pontos · suporte","name":"Minha Vivo — autoatendimento web"},{"path":"slides/01-capa.card.html","group":"Slides","viewport":"1280x720","subtitle":"Abertura · degradê de marca + Vivinho","name":"Capa"},{"path":"slides/02-divisor.card.html","group":"Slides","viewport":"1280x720","subtitle":"Púrpura sólido · número + título","name":"Divisor de seção"},{"path":"slides/03-agenda.card.html","group":"Slides","viewport":"1280x720","subtitle":"Título + lista numerada","name":"Agenda / tópicos"},{"path":"slides/04-destaque.card.html","group":"Slides","viewport":"1280x720","subtitle":"Estatística de destaque + degradê","name":"Grande número"},{"path":"slides/05-comparativo.card.html","group":"Slides","viewport":"1280x720","subtitle":"Comparativo lado a lado","name":"Duas colunas"},{"path":"slides/06-encerramento.card.html","group":"Slides","viewport":"1280x720","subtitle":"Agradecimento + assinatura","name":"Encerramento"},{"path":"guidelines/elevation.card.html","group":"Spacing","viewport":"700x150","subtitle":"sm · md · lg · xl · púrpura","name":"Elevação"},{"path":"guidelines/radii.card.html","group":"Spacing","viewport":"700x150","subtitle":"4px botões · 12px cards · 16px modais","name":"Raios de canto"},{"path":"guidelines/spacing-scale.card.html","group":"Spacing","viewport":"700x160","subtitle":"Grade base de 4px","name":"Escala de espaçamento"},{"path":"guidelines/type-families.card.html","group":"Type","viewport":"700x190","subtitle":"Roboto Slab (display) · Roboto (UI/corpo)","name":"Famílias"},{"path":"guidelines/type-scale.card.html","group":"Type","viewport":"700x300","subtitle":"Display → rótulo","name":"Escala tipográfica"},{"path":"guidelines/type-weights.card.html","group":"Type","viewport":"700x150","subtitle":"Light 300 · Regular 400 · Medium 500 · Bold 700","name":"Pesos"}],"templates":[],"hasThumbnailHtml":false,"globalCssPaths":["tokens/fonts.css","tokens/colors.css","tokens/gradients.css","tokens/typography.css","tokens/spacing.css","tokens/base.css","styles.css"],"tokens":[{"name":"--vivo-purpura","value":"#660099","kind":"color","definedIn":"tokens/colors.css"},{"name":"--vivo-purpura-apoio","value":"#461e5f","kind":"color","definedIn":"tokens/colors.css"},{"name":"--vivo-rosa","value":"#eb3c7d","kind":"color","definedIn":"tokens/colors.css"},{"name":"--vivo-laranja","value":"#ff9900","kind":"color","definedIn":"tokens/colors.css"},{"name":"--vivo-verde","value":"#99cc33","kind":"color","definedIn":"tokens/colors.css"},{"name":"--vivo-azul","value":"#0066cc","kind":"color","definedIn":"tokens/colors.css"},{"name":"--vivo-rosa-apoio","value":"#cd1e5a","kind":"color","definedIn":"tokens/colors.css"},{"name":"--vivo-laranja-apoio","value":"#fa6423","kind":"color","definedIn":"tokens/colors.css"},{"name":"--vivo-verde-apoio","value":"#32a04b","kind":"color","definedIn":"tokens/colors.css"},{"name":"--vivo-azul-apoio","value":"#0055a0","kind":"color","definedIn":"tokens/colors.css"},{"name":"--preto","value":"#000000","kind":"color","definedIn":"tokens/colors.css"},{"name":"--cinza-texto","value":"#666666","kind":"color","definedIn":"tokens/colors.css"},{"name":"--cinza-linha","value":"#cccccc","kind":"color","definedIn":"tokens/colors.css"},{"name":"--cinza-icone","value":"#dddddd","kind":"color","definedIn":"tokens/colors.css"},{"name":"--cinza-disabled","value":"#eeeeee","kind":"color","definedIn":"tokens/colors.css"},{"name":"--cinza-hover","value":"#f7f7f7","kind":"color","definedIn":"tokens/colors.css"},{"name":"--cinza-card","value":"#f9f9f9","kind":"color","definedIn":"tokens/colors.css"},{"name":"--branco","value":"#ffffff","kind":"color","definedIn":"tokens/colors.css"},{"name":"--color-primary","value":"var(--vivo-purpura)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--color-primary-strong","value":"var(--vivo-purpura-apoio)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--color-accent","value":"var(--vivo-rosa)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--text-strong","value":"var(--preto)","kind":"font","definedIn":"tokens/colors.css"},{"name":"--text-body","value":"#222222","kind":"font","definedIn":"tokens/colors.css"},{"name":"--text-muted","value":"var(--cinza-texto)","kind":"font","definedIn":"tokens/colors.css"},{"name":"--text-on-primary","value":"#ffffff","kind":"font","definedIn":"tokens/colors.css"},{"name":"--text-link","value":"var(--vivo-azul-apoio)","kind":"font","definedIn":"tokens/colors.css"},{"name":"--surface-page","value":"var(--cinza-card)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--surface-card","value":"var(--branco)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--surface-hover","value":"var(--cinza-hover)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--surface-disabled","value":"var(--cinza-disabled)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--border-subtle","value":"var(--cinza-icone)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--border-default","value":"var(--cinza-linha)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--state-success","value":"var(--vivo-verde-apoio)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--state-error","value":"var(--vivo-rosa-apoio)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--state-warning","value":"var(--vivo-laranja-apoio)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--state-info","value":"var(--vivo-azul-apoio)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--focus-ring","value":"rgba(102,0,153,.14)","kind":"color","definedIn":"tokens/colors.css","annotation":"color"},{"name":"--grad-marca","value":"linear-gradient(135deg,#8e2de2 0%,#660099 52%,#eb3c7d 100%)","kind":"color","definedIn":"tokens/gradients.css","annotation":"color"},{"name":"--grad-purpura","value":"linear-gradient(135deg,#660099 0%,#461e5f 100%)","kind":"color","definedIn":"tokens/gradients.css","annotation":"color"},{"name":"--grad-rosa","value":"linear-gradient(135deg,#eb3c7d 0%,#cd1e5a 100%)","kind":"color","definedIn":"tokens/gradients.css","annotation":"color"},{"name":"--grad-laranja","value":"linear-gradient(135deg,#ffb300 0%,#fa6423 100%)","kind":"color","definedIn":"tokens/gradients.css","annotation":"color"},{"name":"--grad-verde","value":"linear-gradient(135deg,#99cc33 0%,#32a04b 100%)","kind":"color","definedIn":"tokens/gradients.css","annotation":"color"},{"name":"--grad-azul","value":"linear-gradient(135deg,#0066cc 0%,#0055a0 100%)","kind":"color","definedIn":"tokens/gradients.css","annotation":"color"},{"name":"--grad-pr","value":"linear-gradient(135deg,#660099 30%,#eb3c7d 100%)","kind":"color","definedIn":"tokens/gradients.css","annotation":"color"},{"name":"--grad-pl","value":"linear-gradient(135deg,#660099 30%,#ff9900 100%)","kind":"color","definedIn":"tokens/gradients.css","annotation":"color"},{"name":"--grad-pa","value":"linear-gradient(135deg,#660099 30%,#0066cc 100%)","kind":"color","definedIn":"tokens/gradients.css","annotation":"color"},{"name":"--font-display","value":"\"Roboto Slab\",Georgia,serif","kind":"font","definedIn":"tokens/typography.css"},{"name":"--font-sans","value":"\"Roboto\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Helvetica,Arial,sans-serif","kind":"font","definedIn":"tokens/typography.css"},{"name":"--font-mono","value":"\"SFMono-Regular\",Menlo,Consolas,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-bold","value":"700","kind":"font","definedIn":"tokens/typography.css","annotation":"font"},{"name":"--fs-display","value":"56px","kind":"spacing","definedIn":"tokens/typography.css"},{"name":"--fs-h1","value":"40px","kind":"spacing","definedIn":"tokens/typography.css"},{"name":"--fs-h2","value":"32px","kind":"spacing","definedIn":"tokens/typography.css"},{"name":"--fs-h3","value":"24px","kind":"spacing","definedIn":"tokens/typography.css"},{"name":"--fs-lead","value":"20px","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-label","value":"12px","kind":"spacing","definedIn":"tokens/typography.css"},{"name":"--fs-caption","value":"11px","kind":"spacing","definedIn":"tokens/typography.css"},{"name":"--lh-tight","value":"1.05","kind":"other","definedIn":"tokens/typography.css","annotation":"other"},{"name":"--lh-heading","value":"1.15","kind":"other","definedIn":"tokens/typography.css","annotation":"other"},{"name":"--lh-body","value":"1.5","kind":"other","definedIn":"tokens/typography.css","annotation":"other"},{"name":"--lh-relaxed","value":"1.6","kind":"other","definedIn":"tokens/typography.css","annotation":"other"},{"name":"--tracking-heading","value":"-.02em","kind":"other","definedIn":"tokens/typography.css","annotation":"other"},{"name":"--tracking-label","value":".05em","kind":"font","definedIn":"tokens/typography.css"},{"name":"--tracking-eyebrow","value":".12em","kind":"font","definedIn":"tokens/typography.css"},{"name":"--sp1","value":"4px","kind":"spacing","definedIn":"tokens/spacing.css"},{"name":"--sp2","value":"8px","kind":"spacing","definedIn":"tokens/spacing.css"},{"name":"--sp3","value":"12px","kind":"spacing","definedIn":"tokens/spacing.css"},{"name":"--sp4","value":"16px","kind":"spacing","definedIn":"tokens/spacing.css"},{"name":"--sp5","value":"20px","kind":"spacing","definedIn":"tokens/spacing.css"},{"name":"--sp6","value":"24px","kind":"spacing","definedIn":"tokens/spacing.css"},{"name":"--sp7","value":"32px","kind":"spacing","definedIn":"tokens/spacing.css"},{"name":"--sp8","value":"40px","kind":"spacing","definedIn":"tokens/spacing.css"},{"name":"--sp9","value":"56px","kind":"spacing","definedIn":"tokens/spacing.css"},{"name":"--sp10","value":"72px","kind":"spacing","definedIn":"tokens/spacing.css"},{"name":"--r-btn","value":"4px","kind":"spacing","definedIn":"tokens/spacing.css"},{"name":"--r-sm","value":"8px","kind":"spacing","definedIn":"tokens/spacing.css"},{"name":"--r-md","value":"12px","kind":"spacing","definedIn":"tokens/spacing.css"},{"name":"--r-lg","value":"16px","kind":"spacing","definedIn":"tokens/spacing.css"},{"name":"--r-pill","value":"999px","kind":"spacing","definedIn":"tokens/spacing.css"},{"name":"--sh-sm","value":"0 1px 2px rgba(0,0,0,.06)","kind":"shadow","definedIn":"tokens/spacing.css"},{"name":"--sh-md","value":"0 2px 8px rgba(0,0,0,.08)","kind":"shadow","definedIn":"tokens/spacing.css"},{"name":"--sh-lg","value":"0 8px 24px rgba(0,0,0,.10)","kind":"shadow","definedIn":"tokens/spacing.css"},{"name":"--sh-xl","value":"0 16px 40px rgba(0,0,0,.14)","kind":"shadow","definedIn":"tokens/spacing.css"},{"name":"--sh-purpura","value":"0 12px 32px rgba(102,0,153,.28)","kind":"shadow","definedIn":"tokens/spacing.css"},{"name":"--ease","value":"cubic-bezier(.4,0,.2,1)","kind":"other","definedIn":"tokens/spacing.css","annotation":"other"},{"name":"--dur-fast","value":".15s","kind":"other","definedIn":"tokens/spacing.css","annotation":"other"},{"name":"--dur-base","value":".18s","kind":"other","definedIn":"tokens/spacing.css","annotation":"other"},{"name":"--dur-slow","value":".25s","kind":"other","definedIn":"tokens/spacing.css","annotation":"other"}],"themes":[],"fonts":[{"family":"Roboto","weight":"300","style":"normal","cssPath":"tokens/fonts.css","files":["assets/fonts/roboto-300.woff2"]},{"family":"Roboto","weight":"400","style":"normal","cssPath":"tokens/fonts.css","files":["assets/fonts/roboto-400.woff2"]},{"family":"Roboto","weight":"500","style":"normal","cssPath":"tokens/fonts.css","files":["assets/fonts/roboto-500.woff2"]},{"family":"Roboto","weight":"700","style":"normal","cssPath":"tokens/fonts.css","files":["assets/fonts/roboto-700.woff2"]},{"family":"Roboto Slab","weight":"400","style":"normal","cssPath":"tokens/fonts.css","files":["assets/fonts/roboto-slab-400.woff2"]},{"family":"Roboto Slab","weight":"500","style":"normal","cssPath":"tokens/fonts.css","files":["assets/fonts/roboto-slab-500.woff2"]},{"family":"Roboto Slab","weight":"700","style":"normal","cssPath":"tokens/fonts.css","files":["assets/fonts/roboto-slab-700.woff2"]}],"brandFonts":[{"family":"Roboto","status":"unreferenced","tokens":[],"path":"tokens/fonts.css"},{"family":"Roboto Slab","status":"ok","tokens":["--font-display"],"path":"tokens/fonts.css"}],"source":"spa"}