Igreja AliançadaApp do membro
Identidade a serviço da experiência

Brandbook do app do membro

Uma identidade que acolhe, orienta e facilita a próxima ação. Verde profundo, superfícies claras e linguagem direta ajudam a pessoa a participar, organizar e cuidar com confiança.

← Explorar as telas
01 / brandbook

Cuidado com clareza

A experiência coloca as pessoas no centro. A marca deve transmitir proximidade e serenidade, sem competir com compromissos, mensagens e decisões de cuidado.

A hierarquia visual apresenta primeiro o que importa e depois o caminho para continuar. Evitar urgência artificial, rankings de participação e excesso de informação na mesma tela.

02 / brandbook

Logo e identidade

As alianças e a cruz mantêm uma identidade reconhecível. A aplicação verde funciona sobre fundos claros; a branca preserva a leitura sobre verde profundo. O dourado fica reservado a detalhes de assinatura.

A igreja é a identidade principal dentro do app. Manter proporções e área livre ao redor da logo, sem sombras ou distorções. O símbolo pode ocupar espaços compactos quando o nome estiver próximo.

Logo Igreja Aliançada na variante verde

Verde no claro e branco no escuro preservam a identificação da marca. Manter proporções facilita o reconhecimento.

Baixar SVG verde ↗
03 / brandbook

Paleta de interface

O verde de ação destaca o próximo passo. Menta indica seleção e apoio; fundos claros organizam o conteúdo com leveza. Dourado não deve disputar atenção com formulários e botões.

Toque em uma cor para copiar seu hexadecimal.

✓ Confirmado! Aguardando revisão× Não concluído

Estados sempre usam texto ou ícone além da cor. Branco sobre verde de ação: . Verde profundo sobre menta: . Essas combinações ajudam a distinguir textos, seleções e ações.

Consultar os tokens de cor
TokenCorUso
forest#003F32Identidade e navegação
primary#006B54Ação principal com texto branco
primary-hover#005541Ação pressionada
mint#C9F2DDSeleção com texto verde profundo
canvas#F5F8F6Fundo principal
surface#FFFFFFCartões e campos
ink#142E28Texto principal
muted#50665ETexto de apoio
line#D5E1DASeparação de conteúdo
input-border#758B81Limites dos campos
gold#D1BA75Acento com texto verde profundo
focus#1D4ED8Foco do teclado
success#146C43Confirmação com ícone e rótulo
warning#88540BAtenção com consequência clara
danger#B42318Erro ou ação destrutiva
04 / brandbook

Tema escuro

O tema escuro usa superfícies e textos próprios para manter a leitura confortável. A ação principal recebe um verde mais claro com texto profundo, preservando sua identificação.

TokenCorUso
canvas#0C211BFundo escuro
surface#15362BConteúdo elevado
ink#EFF8F2Texto principal
muted#B3C8BDTexto de apoio
primary#9EE4BFAção principal
on-primary#003F32Texto da ação
input-border#819E90Limites dos controles
05 / brandbook

Tipografia e leitura

Usar a fonte nativa do dispositivo: SF no iOS, Roboto no Android e a fonte do sistema no navegador. Títulos diretos e frases curtas facilitam a leitura rápida.

Corpo de referência de 17, título de tela de 28 e metadados de 14. Ao ampliar a fonte, o conteúdo deve se reorganizar sem cortar informações necessárias à decisão.

Fonte do sistema
SF · Roboto · Segoe UI

Cuidar começa
por estar presente.

Encontre seu próximo compromisso e as pessoas com quem você caminha.

Uma mensagem simples. Um próximo passo claro.
17 px
06 / brandbook

Componentes e navegação

Uma ação principal por decisão, campos com rótulos persistentes e estados nomeados. O contexto e o responsável permanecem visíveis para quem alterna entre jornada pessoal, cuidado e organização.

A navegação inferior reúne até quatro destinos por papel. Seletores de data, preenchimento automático e teclado adequado reduzem esforço; gestos ocultos não podem ser o único caminho para concluir uma tarefa.

Igreja exemplo
Minha jornada

Seu próximo encontro

✓ AgendadoEncontro da comunidade

Quarta, 21 de outubro · 19h
Igreja exemplo

Uma decisão por vez.

Hierarquia curta, ação principal evidente e estados nomeados. O conteúdo define o ritmo; a marca sustenta a leitura.

O tema escuro usa cores próprias para manter contraste. A ação principal e os rótulos permanecem fáceis de reconhecer.

Fazer

Explicar a ação, o contexto e a consequência.

Evitar

Depender só da cor ou de gestos escondidos.

07 / brandbook

Linguagem e confiança

Preferir verbos claros: “Entrar”, “Solicitar contato”, “Confirmar horário” e “Registrar cuidado”. Pedido enviado, pagamento pendente e ação concluída são situações distintas e precisam ser reconhecíveis.

Uma confirmação deve refletir o resultado da ação. Quando houver erro, explicar como continuar sem culpar a pessoa ou revelar informações de outras contas.

08 / brandbook

Acessibilidade e privacidade

Cor nunca é o único sinal: combinar texto, ícone e estado. Manter foco visível e alvos de toque confortáveis. Texto normal precisa de contraste de pelo menos 4,5:1; texto grande e limites essenciais, 3:1.

Áudio e transcrição de cuidado são registros internos sujeitos às autorizações. A delegação de uma agenda não abre acesso às notas reservadas. Notificações devem preservar nomes e assuntos sensíveis em telas bloqueadas.

A identidade ganha sentido no uso.

Veja como contexto, hierarquia e clareza das ações ajudam a pessoa a concluir cada tarefa.

Conhecer as telas →