Info Studio Lab / sistema de cores
Insira até 20 cores oficiais. O SmartPalette organiza papéis, cria escalas e harmonias, testa contraste e transforma tudo em tokens prontos para design, código e produção.
Superfície, texto e ação testados juntos.
#3C4256 aplicada nesta experiência.Prévia ilustrativa. A escala final é calculada pelo motor do SmartPalette.
Cores soltas não formam um sistema
A cor precisa continuar funcionando em textos, fundos, gráficos, anúncios, estados de interface, telas claras e escuras. Sem regras compartilhadas, cada aplicação cria uma nova interpretação da marca.
Cada equipe cria tons diferentes para resolver a mesma necessidade.
Combinações agradáveis podem não funcionar para leitura e interação.
Design, desenvolvimento e produção recebem referências diferentes.
A mesma identidade muda entre produto, campanha, dados e apresentação.
Da cor ao sistema
O fluxo preserva a referência oficial, explicita as decisões e prepara a mesma linguagem para mais de uma equipe.
Adicione cores manualmente ou importe informações de texto, CSS, JSON e imagens.
Defina nomes, papéis e coleções. Trave as oficiais e teste contraste, harmonia e colisões.
Veja a paleta em contextos reais e leve o sistema para Adobe, web, apps e documentação.
Sua marca não precisa caber em três swatches
Reúna até 20 cores oficiais por projeto. Cada uma pode ter nome, coleção, função e valor bloqueado, enquanto o SmartPalette constrói a camada derivada sem apagar a origem.
Validação antes da publicação
A matriz de contraste e o diagnóstico mostram o que funciona, onde funciona e o que precisa ser revisto — sem alterar silenciosamente as cores oficiais.
Compare as cores do projeto e identifique combinações adequadas para texto, componentes e superfícies.
Encontre cores derivadas próximas demais antes que elas confundam séries, estados ou hierarquias.
Saiba quando uma cor precisa ser mapeada para sRGB e leve a referência correta para o fluxo de produção.
Teste onde a cor será usada
Os laboratórios colocam o sistema em situações próximas do trabalho real. Se uma combinação falha, você descobre antes da peça, do produto ou do gráfico chegar ao público.
Visualize superfícies, textos, botões, foco, alertas e temas claro e escuro antes de gerar os tokens.
Conhecer o acesso
Superfícies, texto, ação, foco, estados e temas.
Séries categóricas, sequenciais e divergentes com padrões e rótulos.
Imagem, overlay, CTA e contraste medido por região.
sRGB, Display-P3, CMYK aproximado e handoff de perfil ICC.
Transições no tempo, reduced motion e pré-triagem de flashes.
Um sistema, diferentes fluxos
Exporte a mesma lógica para design, web, mobile e documentação. Menos tradução manual; mais consistência entre quem decide, desenha e implementa.
/* SmartPalette · sistema da marca */
:root {
--color-brand-500: #3c4256;
--color-brand-700: #2a2e3c;
--color-on-brand: #ffffff;
}Autonomia quando você quer. Estúdio quando precisa.
Você pode usar o SmartPalette diretamente ou contar com o Info Studio Lab para construir um sistema conectado à identidade e às necessidades reais da marca.
Você apresenta o contexto da marca. O estúdio faz um diagnóstico inicial e retorna com uma proposta de escopo e entregáveis.Inventário da paleta atual, inconsistências e necessidades de uso.
Cores oficiais, derivados, papéis semânticos, temas e relações.
Contraste, acessibilidade, colisões e aplicações críticas.
UI, visualização de dados, comunicação, publicidade e motion.
Tokens, arquivos, documentação e orientação para as equipes.
Acompanhamento e ajustes quando previstos no escopo do projeto.
Visão de produto
O SmartPalette foi concebido para evoluir ao lado do Forma Grid e do sistema de tipografia do Info Studio Lab: uma única marca, projetos organizados, versões e tokens conectados.
Visão futura · Brand HubO SmartPalette já funciona como produto independente. A experiência integrada do Brand Hub representa a evolução planejada da plataforma.
Licenças e preços · SmartPalette
Compra única para a ferramenta. Melhorias incluídas. Serviços online opcionais para manter suas bibliotecas conectadas.
US$ 27compra única
Uma pessoa · biblioteca pessoal
US$ 150compra única · até 5 usuários
Para estúdios, grupos e empresas.
Informe um número inteiro entre 5 e 999 usuários.
Valores em dólares americanos, por produto. As melhorias da ferramenta não têm custo adicional. A assinatura remunera os serviços online e é opcional. Consulte a disponibilidade antes de contratar; o checkout e a cobrança recorrente ainda não estão ativos.
Perguntas frequentes
Cada projeto pode reunir até 20 cores oficiais, organizadas por função, coleção ou contexto.
Não precisa alterar. Você pode bloquear os valores oficiais e gerar escalas e aplicações derivadas a partir deles.
Sim. É possível inserir valores diretamente e importar informações de texto, CSS, JSON e imagens.
A ferramenta calcula o contraste entre as cores e apresenta os níveis aplicáveis para diferentes usos. A conformidade final também depende do tamanho do texto, tipografia, estado e contexto.
Não. Ele operacionaliza a camada de cor e pode alimentar um manual, um design system ou o futuro Brand Hub.
A versão web completa exige conta ativa e pagamento confirmado. Os projetos atuais ficam salvos localmente no navegador e podem ser exportados. A edição local para uso permanente, o controle dos dispositivos autorizados e a biblioteca online ainda estão em preparação.
Sim. Há 12 opções de exportação, incluindo Adobe ASE, CSS, Tailwind, SCSS, DTCG, SwiftUI, Android, Kotlin e Flutter.
O laboratório oferece informações de gamut e aproximações de CMYK. Conversões finais com ICC devem ser feitas no software e no perfil de produção adequados.
Não. Ele funciona como pré-triagem. A validação final deve considerar animação completa, área ocupada, frequência e contexto de exibição.
US$ 27 por usuário, em compra única, com biblioteca pessoal e melhorias da ferramenta incluídas. A edição local para uso permanente está em preparação. Consulte a disponibilidade antes de contratar.
O plano empresarial está em desenvolvimento. São US$ 150 para até 5 usuários, com US$ 15 por cadeira adicional em pagamento único. A gestão de equipe e a biblioteca compartilhada ainda estão em preparação. A sincronização depende do serviço online opcional, com versões e confirmação antes de aplicar atualizações aos trabalhos.
Não. O serviço online opcional está previsto por US$ 6 por usuário/mês após os primeiros 30 dias incluídos. Esse período só começa quando o serviço estiver disponível e ativado. A compra da licença não ativa uma assinatura. Para 5 usuários com o serviço ativo, o valor será US$ 30 por mês.
O cancelamento encerra os serviços online e preserva a licença e a biblioteca locais. Essa condição depende da entrega da edição local do SmartPalette, ainda em preparação. Melhorias e atualizações da ferramenta serão gratuitas sempre que lançadas.
Sim. O escopo pode incluir diagnóstico, estruturação semântica, acessibilidade, aplicações, documentação e handoff.
SmartPalette / Info Studio Lab
Crie, valide e exporte a camada de cor da sua marca — ou conte com o estúdio para estruturar o sistema com você.