{ "$metadata": { "project": "VS Group Rebranding 2024/25", "client": "Vieira Stones Empreendimentos", "version": "2.0.0", "updatedAt": "2024-12", "tool": "Tokens Studio for Figma", "pluginVersion": "2.x", "notes": "ATENÇÃO: VS GROUP e VS STONES são marcas registradas no INPI. Identidades aprovadas: V STONES | V&S GROUP (recomendada) | V&S STONES", "tokenSets": [ "global/colors", "global/typography", "global/spacing", "global/borderRadius", "global/shadows", "global/transitions", "semantic/brand", "semantic/text", "semantic/background", "semantic/border", "component/card", "component/button", "component/badge", "component/divider" ] }, "global": { "color": { "navy": { "DEFAULT": { "value": "#0B1728", "type": "color", "description": "Cor de fundo principal — azul marinho profundo" }, "mid": { "value": "#122040", "type": "color", "description": "Cards, painéis, modais" }, "lt": { "value": "#1B3A6B", "type": "color", "description": "Destaque azul, borders de ênfase" }, "dark": { "value": "#060D1A", "type": "color", "description": "Fundos ultra-escuros, code blocks" } }, "gold": { "DEFAULT": { "value": "#D4AF37", "type": "color", "description": "Ouro base — cor primária da marca" }, "lt": { "value": "#F0D060", "type": "color", "description": "Ouro claro — início do gradiente" }, "mid": { "value": "#C49B20", "type": "color", "description": "Ouro médio — ponto médio do gradiente" }, "dk": { "value": "#B8960C", "type": "color", "description": "Ouro escuro — fim do gradiente" }, "pale": { "8": { "value": "rgba(212, 175, 55, 0.08)", "type": "color", "description": "Fundo ouro muito sutil" }, "12": { "value": "rgba(212, 175, 55, 0.12)", "type": "color", "description": "Fundo ouro sutil" }, "20": { "value": "rgba(212, 175, 55, 0.20)", "type": "color", "description": "Borda padrão ouro" }, "35": { "value": "rgba(212, 175, 55, 0.35)", "type": "color", "description": "Borda forte / hover" }, "55": { "value": "rgba(212, 175, 55, 0.55)", "type": "color", "description": "Borda ativa / focus" } } }, "neutral": { "white": { "value": "#F5F4F0", "type": "color", "description": "Off-white — preferir sobre #FFFFFF puro" }, "gray": { "value": "#8B96A8", "type": "color", "description": "Texto secundário, legendas" }, "grayLt": { "value": "#B0C4DE", "type": "color", "description": "Texto em code blocks" }, "black": { "value": "#070E1A", "type": "color", "description": "Preto profundo" } }, "status": { "danger": { "value": "#C0392B", "type": "color", "description": "Erro, alerta crítico" }, "success": { "value": "#27AE60", "type": "color", "description": "Sucesso, confirmação" }, "warning": { "value": "#F39C12", "type": "color", "description": "Aviso, atenção" }, "info": { "value": "#2980B9", "type": "color", "description": "Informação" }, "dangerBg": { "value": "rgba(192, 57, 43, 0.08)", "type": "color" }, "successBg": { "value": "rgba(39, 174, 96, 0.08)", "type": "color" }, "warningBg": { "value": "rgba(243, 156, 18, 0.08)", "type": "color" }, "infoBg": { "value": "rgba(41, 128, 185, 0.08)", "type": "color" } } }, "gradient": { "goldText": { "value": "linear-gradient(160deg, #F0D060 0%, #D4AF37 40%, #C49B20 70%, #B8960C 100%)", "type": "other", "description": "Gradiente ouro para texto — usar com background-clip:text" }, "goldBg": { "value": "linear-gradient(135deg, #F0D060 0%, #D4AF37 50%, #B8960C 100%)", "type": "other", "description": "Gradiente ouro para fundos, botões" }, "goldSoft": { "value": "linear-gradient(135deg, rgba(240,208,96,0.15) 0%, rgba(212,175,55,0.05) 100%)", "type": "other", "description": "Gradiente ouro suave — hover states, cards" }, "navy": { "value": "linear-gradient(180deg, #0D1F38 0%, #0B1728 100%)", "type": "other", "description": "Gradiente navy — seções hero" } }, "typography": { "fontFamily": { "display": { "value": "Cormorant Garamond", "type": "fontFamilies", "description": "USO RESTRITO: apenas símbolo V isolado em contextos de exibição premium. NUNCA use para corpo de texto." }, "heading": { "value": "Playfair Display", "type": "fontFamilies", "description": "Títulos H1–H3, nomes das identidades, subtítulos de seção" }, "body": { "value": "Inter", "type": "fontFamilies", "description": "Todo o corpo de texto, labels, legendas, UI em geral" }, "mono": { "value": "Courier New", "type": "fontFamilies", "description": "Código, valores hex, especificações técnicas" } }, "fontWeight": { "light": { "value": "300", "type": "fontWeights" }, "regular": { "value": "400", "type": "fontWeights" }, "medium": { "value": "500", "type": "fontWeights" }, "semibold": { "value": "600", "type": "fontWeights" }, "bold": { "value": "700", "type": "fontWeights" }, "black": { "value": "900", "type": "fontWeights" } }, "fontSize": { "2xs": { "value": "0.512rem", "type": "fontSizes", "description": "8.19px — micro labels" }, "xs": { "value": "0.64rem", "type": "fontSizes", "description": "10.24px — captions" }, "sm": { "value": "0.8rem", "type": "fontSizes", "description": "12.8px — notas, legendas" }, "base": { "value": "1rem", "type": "fontSizes", "description": "16px — corpo padrão" }, "md": { "value": "1.25rem", "type": "fontSizes", "description": "20px — lead, destaque" }, "lg": { "value": "1.563rem", "type": "fontSizes", "description": "25px — subtítulos" }, "xl": { "value": "1.953rem", "type": "fontSizes", "description": "31.25px — H3" }, "2xl": { "value": "2.441rem", "type": "fontSizes", "description": "39px — H2" }, "3xl": { "value": "3.052rem", "type": "fontSizes", "description": "48.8px — H1" }, "4xl": { "value": "3.815rem", "type": "fontSizes", "description": "61px — hero heading" }, "hero": { "value": "clamp(3rem, 10vw, 8rem)", "type": "fontSizes", "description": "Símbolo V — responsivo" } }, "lineHeight": { "tight": { "value": "1.2", "type": "lineHeights" }, "snug": { "value": "1.4", "type": "lineHeights" }, "normal": { "value": "1.6", "type": "lineHeights" }, "relaxed": { "value": "1.75", "type": "lineHeights" }, "loose": { "value": "2.0", "type": "lineHeights" } }, "letterSpacing": { "tight": { "value": "-0.02em", "type": "letterSpacing" }, "normal": { "value": "0", "type": "letterSpacing" }, "wide": { "value": "0.04em", "type": "letterSpacing" }, "wider": { "value": "0.08em", "type": "letterSpacing" }, "widest": { "value": "0.15em", "type": "letterSpacing" } } }, "spacing": { "0": { "value": "0", "type": "spacing" }, "1": { "value": "0.25rem", "type": "spacing", "description": "4px" }, "2": { "value": "0.5rem", "type": "spacing", "description": "8px" }, "3": { "value": "0.75rem", "type": "spacing", "description": "12px" }, "4": { "value": "1rem", "type": "spacing", "description": "16px" }, "5": { "value": "1.25rem", "type": "spacing", "description": "20px" }, "6": { "value": "1.5rem", "type": "spacing", "description": "24px" }, "7": { "value": "1.75rem", "type": "spacing", "description": "28px" }, "8": { "value": "2rem", "type": "spacing", "description": "32px" }, "10": { "value": "2.5rem", "type": "spacing", "description": "40px" }, "12": { "value": "3rem", "type": "spacing", "description": "48px" }, "14": { "value": "3.5rem", "type": "spacing", "description": "56px" }, "16": { "value": "4rem", "type": "spacing", "description": "64px" }, "20": { "value": "5rem", "type": "spacing", "description": "80px" }, "24": { "value": "6rem", "type": "spacing", "description": "96px" }, "32": { "value": "8rem", "type": "spacing", "description": "128px" } }, "borderRadius": { "none": { "value": "0", "type": "borderRadius" }, "xs": { "value": "4px", "type": "borderRadius" }, "sm": { "value": "6px", "type": "borderRadius" }, "md": { "value": "12px", "type": "borderRadius" }, "lg": { "value": "20px", "type": "borderRadius" }, "xl": { "value": "32px", "type": "borderRadius" }, "2xl": { "value": "48px", "type": "borderRadius" }, "pill": { "value": "100px", "type": "borderRadius" }, "full": { "value": "9999px", "type": "borderRadius" } }, "shadow": { "xs": { "value": "0 1px 3px rgba(0,0,0,0.20)", "type": "boxShadow" }, "sm": { "value": "0 2px 8px rgba(0,0,0,0.25)", "type": "boxShadow" }, "md": { "value": "0 4px 16px rgba(0,0,0,0.30)", "type": "boxShadow" }, "lg": { "value": "0 8px 32px rgba(0,0,0,0.35)", "type": "boxShadow" }, "xl": { "value": "0 16px 48px rgba(0,0,0,0.40)", "type": "boxShadow" }, "card": { "value": "0 4px 24px rgba(0,0,0,0.35)", "type": "boxShadow" }, "cardHover": { "value": "0 8px 40px rgba(0,0,0,0.50)", "type": "boxShadow" }, "glowSm": { "value": "0 0 20px rgba(212,175,55,0.15)", "type": "boxShadow" }, "glow": { "value": "0 0 30px rgba(212,175,55,0.18)", "type": "boxShadow" }, "glowMd": { "value": "0 0 50px rgba(212,175,55,0.22)", "type": "boxShadow" }, "glowLg": { "value": "0 0 80px rgba(212,175,55,0.28)", "type": "boxShadow" }, "inner": { "value": "inset 0 2px 8px rgba(0,0,0,0.30)", "type": "boxShadow" } }, "transition": { "fast": { "value": "150ms cubic-bezier(0, 0, 0.2, 1)", "type": "other" }, "base": { "value": "250ms cubic-bezier(0, 0, 0.2, 1)", "type": "other" }, "slow": { "value": "400ms cubic-bezier(0, 0, 0.2, 1)", "type": "other" }, "spring": { "value": "300ms cubic-bezier(0.34, 1.56, 0.64, 1)", "type": "other" } } }, "semantic": { "brand": { "primary": { "value": "{global.color.gold.DEFAULT}", "type": "color", "description": "Cor primária da marca" }, "secondary": { "value": "{global.color.navy.DEFAULT}", "type": "color", "description": "Cor secundária" }, "accent": { "value": "{global.color.navy.lt}", "type": "color", "description": "Cor de destaque/acento" }, "gradient": { "value": "{global.gradient.goldText}", "type": "other", "description": "Gradiente ouro da marca" } }, "text": { "primary": { "value": "{global.color.neutral.white}", "type": "color", "description": "Texto principal" }, "secondary": { "value": "{global.color.neutral.gray}", "type": "color", "description": "Texto secundário" }, "tertiary": { "value": "{global.color.neutral.grayLt}", "type": "color", "description": "Texto terciário, placeholders" }, "brand": { "value": "{global.color.gold.DEFAULT}", "type": "color", "description": "Texto da marca" }, "inverse": { "value": "{global.color.navy.DEFAULT}", "type": "color", "description": "Texto sobre fundos claros" }, "danger": { "value": "{global.color.status.danger}", "type": "color" }, "success": { "value": "{global.color.status.success}", "type": "color" }, "warning": { "value": "{global.color.status.warning}", "type": "color" } }, "background": { "base": { "value": "{global.color.navy.DEFAULT}", "type": "color", "description": "Fundo da página" }, "elevated": { "value": "{global.color.navy.mid}", "type": "color", "description": "Cards, painéis elevados" }, "overlay": { "value": "{global.color.navy.lt}", "type": "color", "description": "Tooltips, dropdowns" }, "code": { "value": "{global.color.navy.dark}", "type": "color", "description": "Blocos de código" }, "brand": { "value": "{global.color.gold.pale.8}", "type": "color", "description": "Fundo com toque da marca" } }, "border": { "subtle": { "value": "{global.color.gold.pale.8}", "type": "color", "description": "Borda muito sutil" }, "default": { "value": "{global.color.gold.pale.20}", "type": "color", "description": "Borda padrão" }, "strong": { "value": "{global.color.gold.pale.35}", "type": "color", "description": "Borda forte" }, "active": { "value": "{global.color.gold.pale.55}", "type": "color", "description": "Borda ativa / focus" } } }, "component": { "card": { "background": { "value": "{semantic.background.elevated}", "type": "color" }, "border": { "value": "{semantic.border.default}", "type": "color" }, "borderHover": { "value": "{semantic.border.strong}", "type": "color" }, "borderRadius": { "value": "{global.borderRadius.lg}", "type": "borderRadius" }, "padding": { "value": "{global.spacing.6}", "type": "spacing" }, "shadow": { "value": "{global.shadow.card}", "type": "boxShadow" }, "shadowHover": { "value": "{global.shadow.glow}", "type": "boxShadow" }, "transition": { "value": "{global.transition.base}", "type": "other" } }, "button": { "primary": { "background": { "value": "{global.gradient.goldBg}", "type": "other" }, "color": { "value": "{global.color.navy.DEFAULT}", "type": "color" }, "borderRadius": { "value": "{global.borderRadius.pill}", "type": "borderRadius" }, "paddingY": { "value": "{global.spacing.3}", "type": "spacing" }, "paddingX": { "value": "{global.spacing.6}", "type": "spacing" }, "fontFamily": { "value": "{global.typography.fontFamily.body}", "type": "fontFamilies" }, "fontWeight": { "value": "{global.typography.fontWeight.bold}", "type": "fontWeights" }, "fontSize": { "value": "{global.typography.fontSize.sm}", "type": "fontSizes" }, "letterSpacing": { "value": "{global.typography.letterSpacing.wider}", "type": "letterSpacing" } }, "secondary": { "background": { "value": "transparent", "type": "color" }, "color": { "value": "{global.color.gold.DEFAULT}", "type": "color" }, "border": { "value": "{semantic.border.default}", "type": "color" }, "borderHover": { "value": "{semantic.border.active}", "type": "color" }, "borderRadius": { "value": "{global.borderRadius.pill}", "type": "borderRadius" } } }, "badge": { "background": { "value": "{global.color.gold.pale.8}", "type": "color" }, "border": { "value": "{global.color.gold.pale.20}", "type": "color" }, "color": { "value": "{global.color.gold.DEFAULT}", "type": "color" }, "borderRadius": { "value": "{global.borderRadius.pill}", "type": "borderRadius" }, "paddingY": { "value": "0.3rem", "type": "spacing" }, "paddingX": { "value": "0.8rem", "type": "spacing" }, "fontSize": { "value": "{global.typography.fontSize.xs}", "type": "fontSizes" }, "fontWeight": { "value": "{global.typography.fontWeight.bold}", "type": "fontWeights" }, "letterSpacing": { "value": "{global.typography.letterSpacing.widest}", "type": "letterSpacing" } }, "divider": { "goldLine": { "width": { "value": "48px", "type": "sizing" }, "height": { "value": "3px", "type": "sizing" }, "background": { "value": "{global.gradient.goldBg}", "type": "other" }, "borderRadius": { "value": "2px", "type": "borderRadius" } }, "goldRule": { "background": { "value": "linear-gradient(90deg, transparent, rgba(212,175,55,0.2), transparent)", "type": "other" }, "height": { "value": "1px", "type": "sizing" } } }, "nav": { "background": { "value": "rgba(11, 23, 40, 0.97)", "type": "color" }, "border": { "value": "{semantic.border.subtle}", "type": "color" }, "linkColor": { "value": "{global.color.neutral.gray}", "type": "color" }, "linkHover": { "value": "{global.color.gold.DEFAULT}", "type": "color" }, "linkActive": { "value": "{global.color.gold.DEFAULT}", "type": "color" } }, "alert": { "borderRadius": { "value": "{global.borderRadius.md}", "type": "borderRadius" }, "padding": { "value": "1.25rem 1.5rem", "type": "spacing" }, "borderLeft": { "value": "4px solid", "type": "border" } }, "logo": { "vSymbol": { "fontFamily": { "value": "{global.typography.fontFamily.display}", "type": "fontFamilies" }, "color": { "value": "{global.gradient.goldText}", "type": "other" }, "minWidth": { "digital": { "value": "24px", "type": "sizing", "description": "Mínimo digital" }, "print": { "value": "8mm", "type": "sizing", "description": "Mínimo impressão" } } }, "horizontal": { "minWidth": { "digital": { "value": "120px", "type": "sizing" }, "print": { "value": "30mm", "type": "sizing" } } }, "clearSpace": { "value": "1x — altura do símbolo V em todos os lados", "type": "other", "description": "Área de respiro mínima obrigatória" } } }, "identity": { "vstones": { "name": { "value": "V STONES", "type": "other" }, "fullName": { "value": "V Stones Empreendimentos", "type": "other" }, "files": { "prefix": { "value": "vstones-", "type": "other" }, "logoHorizontalDark": { "value": "vstones-logo-horizontal-dark.svg", "type": "other" }, "logoHorizontalLight": { "value": "vstones-logo-horizontal-light.svg", "type": "other" }, "logoVertical": { "value": "vstones-logo-vertical.svg", "type": "other" }, "simboloV": { "value": "vstones-simbolo-v.svg", "type": "other" }, "monoBranco": { "value": "vstones-mono-branco.svg", "type": "other" }, "monoPreto": { "value": "vstones-mono-preto.svg", "type": "other" }, "socialProfile": { "value": "vstones-social-profile.svg", "type": "other" }, "coverLinkedin": { "value": "vstones-cover-linkedin.svg", "type": "other" } } }, "vsgroup2": { "name": { "value": "V&S GROUP", "type": "other" }, "fullName": { "value": "V&S Group Empreendimentos", "type": "other" }, "recommended": { "value": true, "type": "other", "description": "Identidade recomendada — posicionamento corporativo/holding" }, "files": { "prefix": { "value": "vsgroup2-", "type": "other" }, "logoHorizontal": { "value": "vsgroup2-logo-horizontal.svg", "type": "other" }, "simbolo": { "value": "vsgroup2-simbolo.svg", "type": "other" } } }, "vsstones2": { "name": { "value": "V&S STONES", "type": "other" }, "fullName": { "value": "V&S Stones Empreendimentos", "type": "other" }, "files": { "prefix": { "value": "vsstones2-", "type": "other" }, "logoHorizontal": { "value": "vsstones2-logo-horizontal.svg", "type": "other" }, "simbolo": { "value": "vsstones2-simbolo.svg", "type": "other" } } }, "deprecated": { "note": { "value": "NUNCA USAR — marcas registradas no INPI", "type": "other" }, "vsGroup": { "value": "VS GROUP — DEPRECATED", "type": "other" }, "vsStones": { "value": "VS STONES — DEPRECATED", "type": "other" } } }, "print": { "cmyk": { "gold": { "value": "C:0 M:18 Y:74 K:17", "type": "other", "description": "#D4AF37 → CMYK Fogra 39 Coated" }, "goldLt": { "value": "C:0 M:7 Y:62 K:6", "type": "other", "description": "#F0D060 → CMYK Fogra 39" }, "goldDk": { "value": "C:0 M:21 Y:94 K:28", "type": "other", "description": "#B8960C → CMYK Fogra 39" }, "navy": { "value": "C:95 M:75 Y:35 K:85", "type": "other", "description": "#0B1728 → CMYK Fogra 39" }, "navyLt": { "value": "C:90 M:65 Y:15 K:45", "type": "other", "description": "#1B3A6B → CMYK Fogra 39" }, "white": { "value": "C:2 M:1 Y:4 K:0", "type": "other", "description": "#F5F4F0 → CMYK Fogra 39" } }, "pantone": { "goldBase": { "value": "Pantone 124 C", "type": "other", "description": "Ouro base — impressão convencional" }, "goldMetalic": { "value": "Pantone 871 C", "type": "other", "description": "Ouro metálico — hot stamping premium" }, "navy": { "value": "Pantone 2768 C", "type": "other", "description": "Navy principal" }, "navyLt": { "value": "Pantone 647 C", "type": "other", "description": "Navy claro/destaque" } }, "specs": { "colorProfile": { "value": "Fogra 39 Coated", "type": "other" }, "pdfStandard": { "value": "PDF/X-1a ou PDF/X-4", "type": "other" }, "bleed": { "value": "3mm todos os lados", "type": "other" }, "resolution": { "value": "300dpi mínimo", "type": "other" }, "safeArea": { "value": "5mm da borda final", "type": "other" }, "fontsAction": { "value": "Converter em curvas ou embutir", "type": "other" } } }, "wcag": { "description": "Pares de cores aprovados para conformidade WCAG 2.1 AA", "pairs": { "goldOnNavy": { "foreground": "#D4AF37", "background": "#0B1728", "ratio": "6.8:1", "level": "AAA", "use": "Texto principal sobre fundo escuro" }, "whiteOnNavy": { "foreground": "#F5F4F0", "background": "#0B1728", "ratio": "13.2:1", "level": "AAA", "use": "Corpo de texto principal" }, "goldOnNavyMid": { "foreground": "#D4AF37", "background": "#122040", "ratio": "5.9:1", "level": "AA", "use": "Texto em cards e painéis" }, "whiteOnNavyMid": { "foreground": "#F5F4F0", "background": "#122040", "ratio": "11.4:1", "level": "AAA", "use": "Texto de parágrafo em cards" }, "navyOnGold": { "foreground": "#0B1728", "background": "#D4AF37", "ratio": "6.8:1", "level": "AAA", "use": "Texto invertido sobre fundo ouro (CTA, badges)" }, "grayOnNavy": { "foreground": "#8B96A8", "background": "#0B1728", "ratio": "4.3:1", "level": "AA", "use": "Texto secundário (mínimo 14px)" }, "goldLtOnNavy": { "foreground": "#F0D060", "background": "#0B1728", "ratio": "8.9:1", "level": "AAA", "use": "Gold claro em títulos grandes" } } } }