Marca e Modelos - Gerenciamento de Identidade Visual da Equipe

CardRender permite que você construa uma identidade de marca consistente em toda a sua organização. Proprietários e administradores podem estabelecer padrões visuais, criar modelos reutilizáveis, bloquear campos para garantir conformidade e personalizar diretórios de equipe que se alinhem com seu guia de marca corporativa.

Marca do Workspace

Configuração de marca do workspace define a identidade visual para todos os cartões, diretórios e páginas públicas associadas com sua organização.

Ativos de Marca

Carregue e gerencie ativos visuais em Configurações do Workspace → Marca:

Logo: Aparece em diretórios de equipe, portais de integração e emails do sistema. Suporta PNG, SVG ou JPEG (máx. 2 MB)
Banner do diretório: Imagem de cabeçalho para diretórios públicos da equipe. Tamanho recomendado 1200x300px
Favicon: Ícone de aba do navegador personalizado para páginas de cartões (arquivo .ico ou PNG de 32x32px)
Foto de perfil padrão: Placeholder para novos membros que ainda não carregaram sua foto

Ativos são armazenados em uma CDN global para tempos de carregamento rápidos e estão disponíveis em todos os cartões e diretórios.

Paleta de Cores

Defina cores primárias e secundárias que se aplicam a links de cartões, botões, fundos e ícones. CardRender suporta:

Códigos Hex: #3B82F6
Valores RGB: rgb(59, 130, 246)
Variáveis CSS personalizadas: Integre com seu sistema de design existente

Cores de marca garantem que cartões se alinhem com seu site, apresentações e outros ativos de marketing.

Mensagens de Marca

Personalize mensagens em toda a experiência:

Tagline da empresa: Aparece em cabeçalhos de diretórios da equipe
Declaração de privacidade: Texto adicional para páginas de cartões que explica como você lida com dados de contatos
Mensagem de rodapé: Isenções personalizadas ou CTAs no final de cada cartão

Modelos de Cartões

Modelos aceleram a criação de cartões e garantem consistência em todos os membros da equipe. Administradores podem criar modelos para diferentes departamentos, funções ou regiões.

Biblioteca de Modelos

CardRender fornece modelos pré-construídos para casos de uso comuns:

Representante de Vendas: CTA de agendamento de reuniões, perfis sociais, downloads de estudos de caso
Atendimento ao Cliente: Links de help desk, horários de suporte, chat ao vivo
Equipe Executiva: Biografia, declaração de visão, links de imprensa

Administradores podem personalizar modelos existentes ou construir novos do zero.

Modelos Personalizados

Crie um novo modelo em Configurações do Workspace → Modelos de Cartões:

Clique em Novo Modelo
Nomeie o modelo (ex., “Diretor de Vendas LATAM”)
Configure campos padrão (título, telefone, LinkedIn, etc.)
Defina campos personalizados específicos da indústria (ex., território, certificações, idiomas falados)
Estabeleça o design (cores, fontes, espaçamento de botões)
Bloqueie campos que não deveriam ser editáveis por usuários individuais

Quando um gerente cria um novo cartão, pode selecionar dos modelos aprovados, economizando tempo e garantindo aderência à marca.

Bloqueio de Campos

Campos bloqueados previnem que usuários individuais façam mudanças não autorizadas:

Logotipo da empresa: Garante que todos usem a imagem oficial de marca
Cores de marca: Previne personalização que viole guias de marca
Links corporativos: Força links padronizados (ex., página de privacidade da empresa, URL do help desk)
Informações de conformidade: Bloqueia isenções legais ou avisos regulatórios

Administradores podem desbloquear campos para membros específicos conforme necessário.

Assinaturas de Email

CardRender gera assinaturas de email formatadas em HTML que correspondem aos seus cartões digitais. Assinaturas incluem sua foto, informações de contato, links sociais e ativos de marca da empresa.

Construtor de Assinaturas

Membros podem gerar assinaturas em Meu Cartão → Exportar → Assinatura de Email:

Formatos de exportação: HTML (para Gmail, Outlook), formato de texto rico (para Apple Mail), Markdown
Personalização: Incluir/excluir campos específicos (telefone, localização, bio)
Consistência de marca: Assinaturas usam cores e logos do workspace automaticamente

Administradores podem criar modelos de assinaturas pré-aprovados para aplicar em toda a equipe.

Distribuição de Assinaturas

Planos Enterprise suportam distribuição centralizada de assinaturas:

Integração com Microsoft 365: Estabelece assinaturas em todas as contas da equipe via Exchange Online
Integração com Google Workspace: Empurra assinaturas para Gmail via configuração de domínio
API de assinatura: Sincronize assinaturas com sua ferramenta interna de gerenciamento de email

Isso garante que todos os membros da equipe usem assinaturas atualizadas sem intervenção manual.

Personalização do Diretório da Equipe

Diretórios de equipe são páginas públicas ou privadas que exibem todos os membros da organização. Funcionam como micro-sites com marca que compradores e convidados podem explorar.

Opções de Design

Administradores controlam como o diretório é visualizado:

Visão de grade: Cartões de estilo mosaico com fotos, nomes, títulos
Visão de lista: Design de tabela compacto com busca e filtros
Visão organizacional: Gráfico de organograma hierárquico com relações de reporte

Diretórios suportam paginação e carregamento diferido para equipes com centenas ou milhares de membros.

Configuração do Diretório

Personalize metadados do diretório e SEO:

Título da página: “Conheça a Equipe da Acme Corp”
Meta descrição: Otimizada para busca (aparece em resultados do Google)
URL personalizada: cardrender.com/acme-team ou configure um domínio personalizado
Configuração de índice: Público (indexado por motores de busca) ou privado (requer login)

Diretórios públicos impulsionam SEO de marca, permitindo que sua equipe apareça em buscas de nome da empresa + título do trabalho.

Consistência de Marca em Toda a Organização

CardRender fornece múltiplos mecanismos para forçar padrões de marca:

Aprovações de administrador: Requer que administradores revisem novos cartões antes de serem publicados
Validação automatizada: Marca cartões com imagens de baixa resolução, fundos fora da marca ou links quebrados
Revisões trimestrais: Notificações automatizadas a gerentes para auditar cartões e garantir conformidade
Análises de marca: Rastreie qual porcentagem de cartões usa modelos aprovados vs. designs personalizados

Organizações com requisitos estritos de conformidade (ex., serviços financeiros, saúde) podem habilitar o modo de “apenas modelos aprovados” para prevenir qualquer personalização.

Integração do Sistema de Design

Clientes Enterprise podem integrar CardRender com sistemas de design existentes para aplicar marca programaticamente.

Integração com Figma

Sincronize modelos de cartões com seus arquivos de design do Figma:

Conecte CardRender à sua organização do Figma em Configurações → Integrações
Selecione frames para converter em modelos de cartões
Mapeie variáveis do Figma para campos do CardRender (cores, fontes, espaçamento)
Atualizações no Figma se sincronizam automaticamente com os modelos de cartões

Isso garante que cartões permaneçam consistentes com a biblioteca do seu sistema de design.

Variáveis CSS

CardRender suporta variáveis CSS personalizadas para se alinhar com frameworks de design:

--brand-primary: #3B82F6;
--brand-secondary: #10B981;
--brand-accent: #F59E0B;
--font-heading: "Inter", sans-serif;
--font-body: "Inter", sans-serif;
--border-radius: 8px;

Desenvolvedores podem definir variáveis em Configurações do Workspace → CSS Personalizado para aplicar estilo consistente sem editar modelos individuais.

Melhores Práticas

Defina padrões de marca antes de integrar membros da equipe para evitar retrabalho
Use modelos para funções repetitivas (ex., equipes de vendas, suporte) para economizar tempo
Bloqueie campos que contenham informações legais, regulatórias ou de conformidade
Audite cartões trimestralmente para garantir que permaneçam atualizados e conforme à marca
Integre a geração de assinaturas de email com a integração de novos funcionários
Torne públicos os diretórios de equipe para impulsionar SEO orgânico e descoberta de marca
Use variáveis CSS se mantém um sistema de design externo (reduz duplicação de esforço)