Personalize seu portal de edição do criador
Este artigo aborda a configuração do seu portal Creator Edit. Fale conosco para saber mais.
Personalize a aparência do seu portal Creator Edit para alinhá-la à identidade visual da sua marca. Você pode modificar uma variedade de elementos visuais, incluindo cores, fontes e estilos de componentes, garantindo uma experiência de marca consistente para seus criadores.
As alterações entram no ar imediatamente. Os criadores verão suas edições assim que você salvar. Se você não tiver certeza sobre uma configuração, entre em contato com o suporte antes de fazer alterações.
Acesse a página de configurações
Você só pode acessar esta página de configurações pelo impact.com.
Na barra de navegação superior da sua conta impact.com, selecione
[Perfil do usuário] → Configurações.À direita, abaixo de Configurações do programa, navegue até Edição do Criador e selecione Aparência e estilo.
em Aparência e estilo nas configurações, ajuste as opções visuais do seu portal. Veja Edite a aparência e o estilo do seu portal na seção abaixo.
Quando estiver satisfeito, selecione Salvar.
Edite a aparência e o estilo do seu portal
Defina as cores gerais do seu portal usando códigos de cores hexadecimais. Essas cores se aplicam a fundos, bordas e elementos de branding.
Branding principal: Defina a cor principal da sua marca.
Branding secundário: Defina a cor secundária da sua marca.
Branding terciário: Defina uma cor de destaque ou terciária da marca.
Fundo da splash screen: Defina a cor de fundo da tela de splash/carregamento.
Fundo de onboarding: Defina a cor de fundo do fluxo de onboarding do criador.
Fundo das configurações: Defina a cor de fundo da página de configurações do portal.
Fundo principal: Defina a cor de fundo principal do painel do portal.
Borda principal: Defina a cor das bordas e divisórias principais.
Sucesso: Defina a cor usada para mensagens e notificações de sucesso.
Aviso: Defina a cor usada para mensagens e alertas de aviso.
Defina a aparência dos botões do seu portal, incluindo a cor do texto, a cor de fundo e os estados de interação (hover e clique). Você também pode visualizar como seus botões ficarão no seu portal.
Botão principal: Defina a cor dos seus botões principais' Texto, Fundo, Fundo ao passar o mouse, e Clique. Insira um código de cor hexadecimal (por exemplo, #FFFFFF para branco) para definir a cor.
Botão secundário: Defina a cor dos seus botões secundários' Texto, Fundo, Fundo ao passar o mouse, e Clique. Insira um código de cor hexadecimal (por exemplo, #FFFFFF para branco) para definir a cor.
Defina as cores de vários elementos de texto para garantir legibilidade e consistência usando códigos de cores hexadecimais. Você também pode visualizar como seu texto ficará no seu portal.
Erros: Defina a cor das mensagens de erro.
Texto do rótulo das métricas de influenciadores: Defina a cor dos rótulos nas métricas de desempenho.
Cor do link: Defina a cor de todos os hiperlinks clicáveis.
Texto de onboarding: Defina a cor principal do texto durante o processo de onboarding.
Texto secundário de onboarding: Defina a cor do texto secundário usado durante o processo de onboarding.
Texto principal de modal: Defina a cor do texto dentro de pop-ups modais.
Texto principal: Defina a cor padrão do texto para a maioria do conteúdo do corpo.
Link secundário: Defina a cor para links secundários ou menos destacados.
Texto secundário: Defina a cor para textos complementares ou menos enfatizados.
Texto das configurações: Defina a cor do texto especificamente para as páginas de configurações.
Texto da splash screen: Defina a cor do texto na tela de splash/carregamento.
Texto principal do componente de UI: Defina a cor do texto para os componentes principais de UI.
Defina a aparência dos elementos interativos de formulário para combinar com sua marca usando códigos de cores hexadecimais. Você também pode visualizar como sua caixa de seleção e botão de opção ficarão no seu portal.
Caixa de seleção marcada: Defina a cor de uma caixa de seleção quando ela estiver marcada.
Botão de opção marcado: Defina a cor de um botão de opção quando ele estiver marcado.
Defina as cores de vários componentes estruturais do seu portal usando códigos de cores hexadecimais.
Fundo principal do modal: Defina a cor de fundo dos pop-ups modais.
Principal do componente de UI: Defina a cor dos elementos principais da UI, como abas ativas ou itens selecionados.
Secundário do componente de UI: Defina a cor dos elementos secundários da UI.
Fundo do contêiner em formato de pílula: Defina a cor de fundo para tags ou rótulos em formato de pílula.
Fundo do rodapé: Defina a cor de fundo do rodapé da página.
Fundo do cabeçalho: Defina a cor de fundo do cabeçalho da página.
Fundo da barra de progresso: Defina a cor de fundo das barras de progresso.
Defina as fontes da sua marca para serem usadas em todo o portal. Os formatos de arquivo suportados incluem .TTF, .OTF e .WOFF. Você também pode visualizar como as fontes enviadas ficarão no seu portal.
Fonte leve, regular, negrito: Envie fontes para os estilos principais da sua fonte.
Fonte secundária seminegrito, regular, negrito: Envie fontes para os estilos da sua fonte secundária.
Ajuste opções adicionais de estilo para componentes específicos. Você também pode visualizar como as opções de estilo escolhidas ficarão no seu portal.
Raio da borda do botão: Defina o arredondamento dos cantos do botão principal.
Tamanho da fonte do cabeçalho do conteúdo de benefícios: Ajuste o tamanho da fonte do cabeçalho nos cartões de conteúdo de benefícios.
Defina o estilo dos cartões usados para exibir categorias e coleções no seu portal. Você pode visualizar como o estilo escolhido ficará no seu portal.
Estilo do cartão de categorias: Escolha entre Circular e Quadrado. Se você escolher o estilo Quadrado , você pode personalizar o arredondamento dos cantos dos cartões.
Estilo do cartão de coleções: Escolha entre Circular e Quadrado. Se você escolher o estilo Quadrado , você pode personalizar o arredondamento dos cantos dos cartões.
Atualizado
Isto foi útil?