> For the complete documentation index, see [llms.txt](https://help.impact.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.impact.com/brand/pt-br/what-would-you-like-to-learn-about/creator-edit-configuration/look-and-feel/customize-your-creator-edit-portal.md). # Personalizar seu portal Creator Edit {% hint style="warning" %} Este artigo aborda a configuração do seu [portal Creator Edit](/brand/pt-br/what-would-you-like-to-learn-about/creator-edit-configuration/creator-edit-overview.md). [Fale conosco](https://app.impact.com/support/portal.ihtml?createTicket=true&) para saber mais. {% endhint %} 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. {% hint style="danger" %} **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](https://app.impact.com/support/portal.ihtml?createTicket=true&) antes de fazer alterações. {% endhint %} #### Acesse a página de configurações Você só pode acessar esta página de configurações pelo impact.com. 1. Na barra de navegação superior da sua conta impact.com, selecione ![](/files/45f862e198f73982700ff092afe256a7fe2e0fff) **\[Perfil do usuário] → Configurações.** 2. À direita, abaixo de *Configurações do programa*, navegue até *Edição do Criador* e selecione [**Aparência e estilo**](https://app.impact.com/secure/advertiser/fr/branded-portal/look-and-feel.ihtml)**.** 3. 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. 4. Quando estiver satisfeito, selecione **Salvar**. #### Edite a aparência e o estilo do seu portal {% tabs %} {% tab title="Cores gerais" %} 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. {% endtab %} {% tab title="Botões" %} 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. {% endtab %} {% tab title="Texto" %} 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. {% endtab %} {% tab title="Formulários" %} 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. {% endtab %} {% tab title="Componentes" %} 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. {% endtab %} {% tab title="Fontes" %} 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. {% endtab %} {% tab title="Outros estilos" %} 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. {% endtab %} {% tab title="Categorias e coleções" %} 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. {% endtab %} {% endtabs %} --- # Agent Instructions This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com. ## Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter: ``` GET https://help.impact.com/brand/pt-br/what-would-you-like-to-learn-about/creator-edit-configuration/look-and-feel/customize-your-creator-edit-portal.md?ask=&goal= ``` `ask` is the immediate question: it should be specific, self-contained, and written in natural language. `goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.