Abertura de empresa
Da atividade pretendida à organização documental: apresente o caminho da formalização sem prometer prazo fixo.
EASY / CONTABILIDADE DIGITALEDIÇÃO 2026 ↗
CONTABILIDADE DIGITAL / V.2.0
Seu negócio.
Nossa parceria.
Mais simples.
Um sistema visual para uma contabilidade próxima, digital e objetiva. Da abertura da empresa à rotina do negócio, cada ponto de contato deve transmitir clareza e confiança.
IDENTIDADE / EASYFIG. 001
PROXIMIDADE. CLAREZA. CONFIANÇA.02 / 26
IDENTIDADE EASY + ESTRUTURA CONTÁBILFEITO PARA SIMPLIFICAR A GESTÃO ↓
MARCA / SERVIÇOS & ATENDIMENTOO contexto certo.
O contexto certo.
Em cada contato.
Os serviços e segmentos orientam os títulos, as mensagens e os convites para atendimento. Estes padrões conectam o catálogo à página inicial da EASY.
Troca de contador
Acolha a necessidade de mudança e explique a organização da transição e a continuidade da rotina.
MEI
Use linguagem acessível para quem está começando e deixe claras as etapas de orientação.
MEI para ME
Convide a uma análise individual do momento da empresa, sem reproduzir limites legais no material de apresentação.
Certificado digital
Explique a finalidade do atendimento e encaminhe para avaliar o tipo e as etapas adequadas.
Advocacia
Contextualize o apoio contábil para profissionais e escritórios, preservando a especificidade da atividade.
Comércio
Fale de organização, documentos e acompanhamento da operação comercial.
Prestadores de serviços
Conecte a rotina contábil ao tempo que o profissional precisa dedicar aos seus clientes.
Tom de voz & chamadas para ação
Próximo, claro e responsável
✓ Vamos entender o momento da sua empresa.
✓ Organize a transição para uma nova contabilidade.
× Garantimos economia e abertura imediata.
Prefira orientar em vez de prometer resultados. Traduza termos técnicos e apresente uma próxima etapa concreta.
Canal oficial de atendimento
WhatsApp: (27) 99616-9171
Endereço: Rua Joaquim da Silva Lima, 233, Centro, Loja 15, Guarapari – ES · CEP 29200-260.
No site, cada serviço prepara uma mensagem específica. O formulário abre o WhatsApp para o cliente conferir e enviar; ele não registra um envio no servidor.
↳
Arquitetura da página inicial
Apresentação → serviços → segmentos → sobre a EASY → vantagens e etapas → perguntas frequentes → contato. O catálogo documenta a identidade; a página inicial é a experiência voltada ao cliente.
01 / DIREÇÃOAntes da forma,
Antes da forma,
a intenção.
Uma base comum para que cada decisão visual tenha um motivo. O sistema deve orientar o trabalho e permitir novas composições.
O essencial
em primeiro plano.
Hierarquia evidente, texto direto e uma ação principal por contexto. A interface ajuda a entender o próximo passo.
↗Ordem que
gera movimento.
Grades, linhas finas e espaçamentos recorrentes criam continuidade. Variações de escala marcam mudanças de assunto.
▥Personalidade
com propósito.
Roxo para destacar. Geometria para organizar. Linguagem simples para aproximar. O contraste é uma ferramenta de comunicação.
✳↳
Regra de composição
Comece pela necessidade do cliente. Apresente o serviço, explique a próxima etapa e convide para uma conversa sem prometer prazos ou resultados antes da análise.
02 / CORUm ponto de cor.
Um ponto de cor.
Muita presença.
A base é neutra e acolhedora. O roxo EASY #7B3F9F conduz as ações; os tons de lavanda acolhem conteúdos de apoio.
Distribuição recomendada
70%20%10%
70% superfícies neutras · 20% texto e estrutura · 10% acentos. Uma direção para compor, sem impedir ajustes por contexto.
Cores que comunicam
✓ Concluído! Atenção× Erroi Informação
Combine cor, ícone e texto. Verde sinaliza sucesso; âmbar pede atenção; vermelho indica um problema; azul explica.
Contraste em uso
WCAG / REFERÊNCIA AARazões calculadas a partir dos valores sRGB. Texto comum: mínimo 4,5:1; texto grande: 3:1. Valide também os estados finais do produto.
03 / TIPOGRAFIAPrecisão encontra
Precisão encontra
sensibilidade.
Montserrat para títulos geométricos; Mulish para leitura e interface; mono para dados técnicos. A assinatura manuscrita pertence ao logotipo original e não é reproduzida como fonte de interface.
01 / MONTSERRAT — TÍTULOSAa
Montserrat local · 400–800
Clareza em títulos, ações e conteúdo.
02 / MULISH — LEITURAAa
Mulish local · 400–700
Leitura confortável, formulários e serviços.
03 / MONO — METADADOSAa
Courier New · 400–700
Índices, tokens, códigos e legendas.
Escreva para ser entendido
Use títulos em caixa de sentença. Prefira verbos nas ações: “Salvar alterações”. Mensagens de erro devem explicar o problema e como resolvê-lo.
✓ Informe um e-mail com @ e domínio.
× Entrada inválida. Código 422.
Boas ideias criam conexões.
Fontes WOFF2 locais. O desenho recortado e a assinatura são preservados na imagem oficial da marca.
04 / ESPAÇO & GRADEEspaço também
Espaço também
é linguagem.
Uma unidade de 4 px organiza a interface. Alinhamento e respiro tornam estruturas complexas mais simples de percorrer.
4 colunas
Margem de 20 px · gutter de 16 px. Empilhe os blocos e mantenha ações importantes visíveis.
8 colunas
Margem de 32 px · gutter de 24 px. Duas áreas de conteúdo quando houver espaço.
12 colunas
Margem fluida · gutter de 24 px. Conteúdo limitado a 1440 px para preservar leitura.
Forma, borda e profundidade
Reto / 0 px
--radius-noneSuave / 8 px
--radius-smPílula / 999 px
--radius-pillElevado / overlay
--shadow-overlay05 / AÇÕESUma ação clara.
Uma ação clara.
Um próximo passo.
Botões têm prioridade, tamanho e estado. Use uma ação primária por grupo e mantenha os rótulos específicos.
VARIANTES / CLIQUE PARA TESTAR O FEEDBACK
TAMANHOS
36 / 44 / 56 px de altura. Em interfaces de toque, prefira 44 px ou mais.
CARREGAMENTO / ESTADO REAL
Durante o envio, bloqueie novos cliques e preserve o contexto. Ao concluir, confirme o resultado.
Ver estrutura HTML
<button class="button primary" type="button">
Solicitar atendimento <span aria-hidden="true">↗</span>
</button>06 / ENTRADASPergunte menos.
Pergunte menos.
Oriente melhor.
Rótulos persistentes, ajuda contextual e validação objetiva. Os exemplos abaixo respondem à interação.
Estados de campo
Informe um e-mail com @ e domínio.Readonly permite selecionar e copiar. Disabled retira o controle da sequência de foco.
Seleção & preferências
Densidade confortável · notificações ativas.
08 / CONTEÚDOBlocos autônomos.
Blocos autônomos.
Histórias conectadas.
Cards agrupam um assunto e uma ação. A informação principal aparece antes dos metadados.
SERVIÇO / COMEÇAR
Abertura de empresa.
Orientação para organizar documentos e iniciar a formalização do seu negócio.
Conhecer o serviço ↗SERVIÇO / TRANSIÇÃO
Troca de contador.
Uma transição organizada para manter a continuidade da rotina contábil.
Conhecer a transição ↗NOTA DE DESIGN / 003“A estrutura
“A estrutura
não limita.
Ela abre
caminhos.”
Construa com consistência.
Componha com liberdade.
09 / DADOSInformação visível.
Informação visível.
Decisão possível.
Números tabulares, alinhamento consistente e estados explícitos. Dados demonstrativos para avaliar a composição.
COMPONENTES24+
Variações para explorar
BASE DE ESPAÇAMENTO4px
Uma unidade, múltiplos ritmos
DEPENDÊNCIAS0↗
HTML, CSS e JavaScript nativos
| Categoria | Status | Versão |
|---|
10 / FEEDBACKResponda à ação.
Responda à ação.
Preserve a confiança.
Feedback próximo do contexto. Confirmações claras e caminhos de recuperação sem linguagem técnica desnecessária.
✓ Alterações salvas
Seu trabalho está atualizado. Você pode continuar editando.
! Revise antes de continuar
Há campos pendentes. Confira as informações destacadas.
× Não foi possível concluir
Tente novamente. As informações preenchidas foram preservadas.
i Um detalhe importante
Este é um ambiente de demonstração com dados fictícios.
A primeira conversa começa aqui.
Você ainda não enviou uma solicitação.
Explore os componentes para começar.
Feedback transitório
Use toast para confirmar ações simples. Erros que exigem correção devem permanecer junto ao campo ou à ação.
Confirmação em contexto
O diálogo apresenta consequência, ação e uma saída clara.
11 / MOVIMENTOUm gesto sutil.
Um gesto sutil.
Uma resposta natural.
Movimento explica transições e confirma ações. Evite animações contínuas ou atrasos que interfiram na tarefa.
120 MS / MICRO
Resposta imediata
Hover, cor e pequenos estados.
240 MS / PADRÃO
Troca de contexto
Revelação e entrada de painéis.
400 MS / EXPRESSIVO
Momento editorial
Composições especiais e destaques.
↳
Respeite a preferência por menos movimento
Com prefers-reduced-motion, este catálogo remove animações e rolagem suave. A informação continua disponível.
12 / ACESSIBILIDADEBom design inclui.
Bom design inclui.
Desde o começo.
Acessibilidade faz parte das decisões de estrutura, linguagem e comportamento. Estes critérios orientam a implementação.
01. Perceptível
Contraste suficiente, rótulos visíveis e mensagens que não dependem somente de cor. Descreva imagens informativas; esconda as decorativas.
02. Operável
Todos os controles devem funcionar com teclado. Preserve o foco visível, a sequência lógica e uma área de interação confortável.
03. Compreensível
Use instruções curtas e consistentes. Indique campos obrigatórios antes do envio e explique como corrigir erros.
04. Robusto
Prefira elementos HTML nativos. Use ARIA quando necessário, vincule rótulos e anuncie atualizações sem interromper a navegação.
EXPERIMENTE / TAB PARA NAVEGAR · ENTER PARA ATIVAR · ESC PARA FECHAR O DIÁLOGO
Avançar para tokens →O catálogo oferece foco visível, link para pular o menu, abas com teclado e diálogo nativo. Uma auditoria completa exige testes com tecnologias assistivas.
13 / IMPLEMENTAÇÃOUma fonte comum.
Uma fonte comum.
Infinitas composições.
Tokens semânticos traduzem a direção visual para código. Use nomes por função para facilitar manutenção e temas.
Tokens EASY / tema claro
Como começar
- Importe
styles.cssna sua página. - Use as variáveis de cor, espaço e movimento.
- Componha com
.button,.panele.grid. - Confira os estados e a navegação por teclado.
Convenção de nomes
--color-* define papéis visuais.--space-* define espaçamentos.--radius-* define formas.--duration-* define movimento.
14 / MARCA & APLICAÇÃOUma identidade.
Uma identidade.
Todo o atendimento.
O site aplica a arquitetura de conteúdo da referência contábil à identidade EASY. Informações institucionais e contatos de terceiros não são transferidos.
Identidade EASY
Roxo predominante aproximado #7B3F9F. Marca em letras geométricas com recortes e subtítulo manuscrito. Preserve proporção, respiro e a imagem original; evite redesenhar as letras com uma fonte semelhante.
Arquitetura de conteúdo
Apresentação → serviços → segmentos → sobre → vantagens → perguntas frequentes → contato. Conteúdo reescrito para EASY, sem importar endereço, registro profissional, equipe ou promessas da empresa de referência.
Tipografia da marca e tipografia do site
O arquivo fornecido descreve estilos, não identifica fontes originais. Major Mono Display e fontes de assinatura são sugestões comparativas do documento. O logotipo original permanece como imagem. Montserrat e Mulish, disponíveis localmente na referência, são escolhas de interface desta proposta.
Como os serviços foram definidos?
MODULOS.txt contém somente análise de cor e tipografia. Os serviços e segmentos foram adaptados da referência Exata: abertura de empresa, MEI, migração de MEI para ME, troca de contador, certificado digital, advocacia, comércio e prestação de serviços.