Manual de marca.

Como usar o nome, a logo, as cores e a voz do HomeSys — o app que coloca as finanças da família em ordem.

Versão 1.0 · setembro de 2026

Essência

A casa em dia, sem planilha.

O que é

HomeSys é o controle financeiro da família: receitas, despesas, contas a pagar, limites por categoria, metas e empréstimos — e quem gastou o quê. Cada família tem a sua casa, com acesso para quem mora nela.

Para quem

Famílias brasileiras que querem saber para onde vai o dinheiro do mês sem entender de finanças. Do responsável que paga as contas ao filho que registra o lanche.

Promessa

As finanças da família, em ordem. Menos susto no fim do mês, mais conversa em casa sobre o que importa.

Clara

Mostra o essencial primeiro — o saldo do mês — e o detalhe só quando alguém pede.

Acolhedora

Fala como gente, não como banco. Ninguém é julgado por ter gastado.

Confiável

Precisa, discreta e segura. Os dados de cada família só existem para ela.

Organizada

Tudo tem lugar: categoria, dono, data. A ordem da tela é a ordem da casa.

Nome. Escreva sempre HomeSys — uma palavra, H e S maiúsculos. Nunca “Homesys”, “HOMESYS”, “Home Sys” ou “HS”. O sufixo “Sys” liga o HomeSys à família de produtos do SocialSys.

Versões

Uma logo para cada fundo.

HomeSys
Principal — fundos brancos e claros. É a primeira escolha sempre.
HomeSys
Fundo escuro — nome em branco e “Sys” em azul noturno.
HomeSys
Monocromática — sobre o azul da marca, cores fortes ou fotos calmas. O quadrado some no fundo e fica a casa branca.
Ícone HomeSys HomeSys HomeSys
Ícone e símbolo — ícone para app, favicon e perfil; símbolo solto (azul ou tinta) quando o nome já aparece por perto.
Não faça

Proteja a logo.

✕

Não distorça nem achate.

✕

Não troque as cores.

✕

Não gire nem incline.

✕

Não aplique sombra, brilho ou contorno.

✕

Não use a versão principal sobre fundos agitados — use a monocromática.

✕Homesys

Não redigite o nome em outra fonte ou grafia.

Cores

Um azul só, muito espaço.

O azul HomeSys é a única cor de marca e marca tudo o que se pode tocar. O resto é branco, pergaminho, tinta e grafite — que alternam em faixas.

Azul HomeSys
RGB 0 102 204 · CMYK 100 50 0 20 Cor principal. Ícone, botões, links e tudo o que é clicável.
Azul noturno
RGB 41 151 255 · CMYK 84 41 0 0 Substitui o azul principal sobre fundos escuros.
Tinta
RGB 29 29 31 · CMYK 6 6 0 88 Textos e títulos sobre fundo claro. Nunca preto puro.
Pergaminho
RGB 245 245 247 · CMYK 1 1 0 3 Fundo de seções alternadas e rodapés.
Grafite
RGB 39 39 41 · CMYK 5 5 0 84 Faixas escuras que alternam com as claras.
Branco
RGB 255 255 255 · CMYK 0 0 0 0 Fundo principal e o desenho do símbolo.

Proporção

Em qualquer peça, o azul ocupa pouco espaço e chama muito a atenção: cerca de 10% azul, 60% branco ou pergaminho, 30% tinta e grafite. Nunca use um segundo azul ou uma segunda cor de destaque.

Cores de estado

Só dentro do app, para informar — nunca como decoração.

Entrada #248A3D · receitas, “Recebido”Alerta #FFD60A · categoria perto do limiteAtenção #D70015 · contas vencidas, acima do limite

Pessoas da família

Cada pessoa ganha uma cor para suas iniciais. Elas identificam, não decoram.

LARRVÍMC

CMYK é conversão aproximada. Para impressos importantes, peça prova de cor à gráfica.

Tipografia

Letras que respiram.

No app, usamos a fonte do sistema (SF Pro no iPhone e no Mac). Em peças de marca — posts, apresentações, impressos — usamos Inter, gratuita no Google Fonts.

Título de destaque
Inter 700 · 56/60 · −1%
Sobraram R$ 1.240.
Título de seção
Inter 600 · 40/44
Para onde foi o dinheiro.
Chamada
Inter 600 · 21/25
Cada um na sua parte.
Texto
Inter 400 · 17/25
Texto corrido sempre em 17 px — um pouco maior que o comum, para ler com calma. Linhas de até 65 caracteres.
Legenda
Inter 400 · 14/20
Valores em reais (R$). Despesas contam no mês da data.

Pesos

300 (raro, frases leves), 400 (texto), 600 (títulos e destaque), 700 (só em manchetes grandes). Não usamos 500.

Espaçamento

Títulos grandes levemente apertados (−1% a −2%). Texto pequeno sem alteração. Nunca tudo em maiúsculas em frases.

Números

Valores sempre no padrão brasileiro: R$ 1.234,56. Em tabelas, números com largura fixa para alinhar as colunas.

Elementos

A interface some, a casa aparece.

Registrar despesaReceita

Botões em pílula

Ação principal azul e cheia; secundária com contorno azul. Ao tocar, encolhem levemente.

AMAnaR$ 959,00

Cartões

Brancos, cantos de 18 px, borda fina. Sem sombra — sombra só existe para fotos de produto.

Faixas alternadas

Seções de largura total alternando claro e escuro. A troca de cor é o divisor — sem linhas nem molduras.

Cantos

8 px em botões utilitários, 11 px em campos, 18 px em cartões, pílula em ações. Ícone do app: 22,6% do lado.

Espaço

Base de 8 px. Seções com 80 px de respiro em cima e embaixo. Na dúvida, mais espaço.

Sem enfeite

Nada de degradês, texturas ou emojis como ícones. A personalidade vem do espaço, da letra e do azul.

Voz

Fala como gente da casa.

Português simples, frases curtas, sempre “você”. Explicamos com números reais e nunca julgamos quem gastou.

AssimSobraram R$ 1.240 este mês.
Não assimSaldo positivo apurado no período.
AssimA conta de luz vence amanhã.
Não assimATENÇÃO!!! Pagamento pendente detectado.
AssimO mercado passou 12% do limite.
Não assimVocê gastou demais de novo.

Palavras nossas

  • casa, família, mês
  • entrou, saiu, sobrou
  • quem gastou, a pagar, vencida
  • guardar, meta, limite

Evitamos

  • jargão: “fluxo de caixa”, “passivo”, “DRE”
  • culpa e bronca: “de novo”, “demais”
  • maiúsculas e exclamações em excesso
  • anglicismos quando existe palavra em português

Assinatura: “HomeSys — finanças da família”. Frase de apoio: “As finanças da família, em ordem.”

Aplicações

A marca no dia a dia.

AppAppAppAppAppApp HomeSys AppAppAppAppApp
Ícone na tela de início do celular.
HomeSys

As finanças da família, em ordem.

homesys.griot.tv.brCrie sua casa grátis
Post de Instagram: fundo azul, símbolo branco, uma frase só.
HomeSys
Boas-vindas ao HomeSys!Falta só um passo para começar a organizar as finanças da sua casa: confirme que este e-mail é seu.Confirmar e-mail
E-mails: logo principal no topo, um botão azul, texto curto.
HomeSys
Foto de perfil: símbolo branco em círculo azul (redes sociais) ou o ícone do app.
Arquivos

Baixe os originais.

Prefira SVG sempre que puder — fica nítido em qualquer tamanho. PNG para redes sociais e onde SVG não é aceito.

Logo principal
Logo principal
Logo fundo escuro
Logo fundo escuro
Logo monocromática
Logo monocromática
Ícone do app
Ícone do app
Símbolo
Símbolo
HomeSys · Manual de marca 1.0 · setembro de 2026 Entrar no HomeSys · Criar conta