# Sunny Systems — Marca e Design System > Guia da marca V4 NewBrand26 da Sunny Systems: tokens, fundações, componentes, padrões e governança. pt-BR. Gerado de `tokens/tokens.json` e `docs/` do repositório `sunnysystems/brand` em 2026-10-15. A Sunny Systems é uma empresa brasileira de tecnologia. A marca vigente é a **V4 NewBrand26**, no ar desde 17 de março de 2026. Cinco produtos: RootPilot, ScopeWard, DevXOS, Sunshine e Soberania de IA. Tagline: "Seu parceiro estratégico em tecnologia, do produto à operação." Se você só vai ler um arquivo, leia [llms-full.txt](https://ds.sunnysystems.com.br/llms-full.txt): é tudo isto em um lugar, com a referência completa dos 286 tokens. ## Regras que não se negociam 1. **Nunca escreva um hex.** Use `var(--sunny-*)` semântico ou de componente. Primitivo direto só dentro de `tokens/tokens.json`. 2. **O escuro é a fundação, não um tema.** Tudo nasce sobre `color.bg.base` (#1A1A1D). O claro entra com `` e existe para documento, slide e e-mail. 3. **Uma luz só.** O âmbar #FFB61F é a única cor de destaque. Estado usa `color.status.*`, nunca âmbar. Se dois elementos na mesma tela pedem âmbar, um deles não merece. 4. **Tipografia por papel.** Bricolage Grotesque só em título e nunca abaixo de 20px. Inter no corpo, mínimo 16px em web. JetBrains Mono em qualquer texto que o leitor possa copiar: comando, ID, trecho de log. 5. **Radius contido.** 4px em botão e input, 8px em painel e bloco de código, 12px em card, 999px em pill. Nada entre 12 e 999. 6. **Card em repouso não tem sombra.** Card (#1C2020) sobre fundo (#1A1A1D) tem 1.1:1 de contraste: a borda `color.border.subtle` é o único limite visual e não pode ser removida. 7. **Acessível por padrão.** WCAG 2.1 AA é critério de entrada. Foco sempre visível, `focus.outline` 2px âmbar com offset 2px. Estado nunca só por cor. 8. **Valor muda em `tokens/tokens.json`**, nunca no `tokens.css` gerado nem em prosa. Depois rode `node tokens/build.mjs` e `node tokens/check-contrast.mjs`. 9. **Texto em pt-BR**, direto, sem travessão em texto corrido, sem superlativo, sem emoji institucional. Ver a seção de voz. ## Pares de cor proibidos Medidos e reprovados. Não use como texto. | Par | Contraste | |---|---| | Âmbar 500 (#FFB61F) sobre branco | 1.8:1 | | Branco sobre âmbar 500 | 1.8:1 | | Neutral 500 (#5C5C5C) sobre fundo escuro | 2.6:1 | | Neutral 600 (#3A3A3A) sobre fundo escuro | 1.5:1 | Em fundo claro, âmbar em texto é sempre `color.amber.800` (#7E5B14). Sobre botão âmbar, texto é sempre `color.amber.900` (#332C15). ## O que não é mais verdade Se você encontrar isto em algum material, está desatualizado. | Atributo | De onde é | Situação | |---|---|---| | #FFDE59, Plus Jakarta Sans, Geologica, inglês-first | V3, site Framer 2024 a 2025 | Fora do ar desde 17/03/2026 | | #FFC700, Space Grotesk, Tajawal, mascote robô, losangos | V1, 2021 | Histórico | | #F8D347, símbolo de raios | V2, 2023 | Histórico | | Convergence, Aurora, Radiance | Explorações de fevereiro de 2026 | Não adotadas, não usar como referência | | Badge de fundo âmbar sólido | Doc anterior do site | Não está em uso, saiu | ## Arquivos - [llms-full.txt](https://ds.sunnysystems.com.br/llms-full.txt): guia completo em um arquivo, incluindo a tabela de todos os tokens com valor, status e nota - [tokens.css](https://ds.sunnysystems.com.br/tokens.css): custom properties prontas para importar, tema claro e aliases de compatibilidade - [Página do design system](https://ds.sunnysystems.com.br): a mesma informação em HTML, com playgrounds e exemplos ## Seções do guia completo - [Comece aqui](https://ds.sunnysystems.com.br/llms-full.txt#comece-aqui) - [Fundações: cores](https://ds.sunnysystems.com.br/llms-full.txt#cores) - [Fundações: tipografia](https://ds.sunnysystems.com.br/llms-full.txt#tipografia) - [Fundações: espaçamento, radius, elevação e movimento](https://ds.sunnysystems.com.br/llms-full.txt#espaco) - [Fundações: logo](https://ds.sunnysystems.com.br/llms-full.txt#logo) - [Fundações: ícones](https://ds.sunnysystems.com.br/llms-full.txt#icones) - [Fundações: assets digitais](https://ds.sunnysystems.com.br/llms-full.txt#assets) - [Componentes: índice e maturidade](https://ds.sunnysystems.com.br/llms-full.txt#componentes) - [Componente: Button](https://ds.sunnysystems.com.br/llms-full.txt#componente-button) - [Componente: Badge](https://ds.sunnysystems.com.br/llms-full.txt#componente-badge) - [Componente: Card](https://ds.sunnysystems.com.br/llms-full.txt#componente-card) - [Componente: Input](https://ds.sunnysystems.com.br/llms-full.txt#componente-input) - [Componente: Nav item](https://ds.sunnysystems.com.br/llms-full.txt#componente-nav-item) - [Componente: Header](https://ds.sunnysystems.com.br/llms-full.txt#componente-header) - [Componente: Stat](https://ds.sunnysystems.com.br/llms-full.txt#componente-stat) - [Componente: Terminal mockup](https://ds.sunnysystems.com.br/llms-full.txt#componente-terminal) - [Padrões: acessibilidade](https://ds.sunnysystems.com.br/llms-full.txt#acessibilidade) - [Padrões: voz](https://ds.sunnysystems.com.br/llms-full.txt#voz) - [Governança: como contribuir](https://ds.sunnysystems.com.br/llms-full.txt#contribuir) - [Governança: versionamento e adoção](https://ds.sunnysystems.com.br/llms-full.txt#versionamento) - [Governança: quem procurar](https://ds.sunnysystems.com.br/llms-full.txt#quem-procurar) - [Decisões: índice](https://ds.sunnysystems.com.br/llms-full.txt#decisoes) - [ADR 0001: adoção da NewBrand26](https://ds.sunnysystems.com.br/llms-full.txt#adr-0001) - [ADR 0002: explorações de fevereiro de 2026](https://ds.sunnysystems.com.br/llms-full.txt#adr-0002) - [ADR 0003: tokens neste repositório](https://ds.sunnysystems.com.br/llms-full.txt#adr-0003) - [ADR 0004: cores de feedback](https://ds.sunnysystems.com.br/llms-full.txt#adr-0004) - [ADR 0005: cor de acento por produto](https://ds.sunnysystems.com.br/llms-full.txt#adr-0005) - [ADR 0006: posicionamento e site-beta](https://ds.sunnysystems.com.br/llms-full.txt#adr-0006) - [ADR 0007: chrome do terminal e superfície quente](https://ds.sunnysystems.com.br/llms-full.txt#adr-0007) - [ADR 0008: Lucide como biblioteca de ícones](https://ds.sunnysystems.com.br/llms-full.txt#adr-0008) - [ADR 0009: assets digitais saem dos arquivos oficiais](https://ds.sunnysystems.com.br/llms-full.txt#adr-0009) - [História da marca, V1 a V4](https://ds.sunnysystems.com.br/llms-full.txt#historia) ## Fontes da verdade | # | O que | Onde | |---|---|---| | 1 | Tokens, origem de todos os valores | `tokens/tokens.json` no repositório `sunnysystems/brand` | | 2 | Logo, paleta e fontes originais | Google Drive, pasta `_Sunny-NewBrand26` | | 3 | Implementação de referência | `website/src/style.css` | | 4 | Decisões | `docs/decisoes/`, append-only | Em caso de divergência, vence a fonte de número menor. Em setembro de 2026 os tokens foram medidos no site, então os dois batem.