SímboloSVG
CLOUDYIELD / MANUAL DA MARCA 03
A clareza também
tem uma forma.
Uma identidade que torna visíveis os custos da nuvem. Simples na forma, precisa no uso e consistente em cada ponto de contato.
9 variações SVG · paleta · guia de uso · tipografia
CLOUDYIELD / SÍMBOLO
Conectar. Entender. Otimizar.03 — 2026
GUIA DA MARCA / 01
Uma marca. Uma cor por vez.
Duas formas de nuvem interligadas criam um sinal de moeda pelo espaço negativo transparente. Todas as partes visíveis usam a mesma cor sólida.
Símbolo / CloudYield orangeUma cor. Sem gradientes. Fundo transparente no arquivo.
Uma cor. Sem gradientes. Fundo transparente no arquivo.Encontre a versão certa.
Favicons, avatares e espaços compactos.
CloudYield orange · #FF8904
Baixar SVGVetor escalável com fundo transparente. As versões com nome incorporam a fonte no arquivo.
GUIA DA MARCA / 02
Laranja é nossa assinatura.
Uma cor primária em toda a experiência, do logo aos botões e gráficos. O carvão traz estrutura e contraste; o branco dá espaço à informação.
#FF8904
CloudYield orange
Primary color: brand identity, buttons, charts, and highlights.
#202020
Charcoal
Navigation, institutional areas, and high-contrast backgrounds.
#FFFFFF
White
Whitespace, light surfaces, and the brand on dark backgrounds.
Contraste faz parte do design.
Em botões laranja #FF8904, use texto carvão. Para links e textos laranja em superfícies claras, use o tom acessível #BC4800.
A marca se adapta ao fundo.
No modo escuro, o laranja #FF8904 mantém links e destaques legíveis. Use o logo laranja ou branco sobre carvão. Cada aplicação usa uma única cor sólida, inclusive o nome.
Verde, amarelo e vermelho complementam a página inicial em detalhes, cartões e indicadores. Nas análises, comunicam economia, avisos e anomalias, sempre com texto. Laranja é a única cor primária da marca; carvão e branco são neutros de apoio.
Baixar tokens de designGUIA DA MARCA / 03
Informação com espaço para respirar.
Inter Variable é nossa fonte. Legível em dados densos, clara em títulos e familiar em toda a experiência.
INTER VARIABLE / 400 — 700
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 → + % $
Distribuída sob a SIL Open Font License 1.1.
DESTAQUE / 40–68 PX / 600
Cada decisão
pode entregar mais.
TÍTULO / 24–32 PX / 600
Clareza para agir.
CORPO / 14–16 PX / 400
Conecte dados, entenda custos e encontre oportunidades com contexto.
DADOS / NÚMEROS TABULARES
$1,240.00
Exemplo de tipografia; não representa uma estimativa real.
GUIA DA MARCA / 04
Consistência em cada aplicação.
Preserve a geometria, as proporções e o espaço ao redor da marca. A identidade funciona melhor quando tem clareza.
¼ x
Área de proteção
Deixe pelo menos ¼ da largura visível do símbolo em cada lado. Nenhum texto ou elemento deve entrar nesse espaço.
24px
32px
48px
Tamanho mínimo
Símbolo: 24 px. Versão horizontal: 140 px de largura. Versão vertical: 120 px. O favicon é a exceção técnica com 16 px; use o símbolo isolado.
Faça
- Uma cor sólida em todo o logo, inclusive no nome.
- Arquivos oficiais, com espaçamento interno preservado.
- Laranja ou carvão em fundos claros; laranja ou branco em fundos escuros.
- Cantos de 8–24 px na interface e espaçamento em múltiplos de 4 px.
Não faça
- Preencher o canal que forma a moeda ou tratá-lo como um elemento de segunda cor.
- Aplicar gradientes, sombras, contornos ou efeitos 3D.
- Esticar, girar, recortar ou reorganizar o símbolo.
- Recolorir o logo com cores de apoio ou usar fundos de baixo contraste.