> 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). # Personalize 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 alinhar à 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, [entrar em contato com o suporte](https://app.impact.com/support/portal.ihtml?createTicket=true&) antes de fazer alterações. {% endhint %} #### Acessar 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 na sua conta impact.com, selecione ![](/files/45f862e198f73982700ff092afe256a7fe2e0fff) **\[Perfil do usuário] → Configurações.** 2. À direita, abaixo de *Configurações do programa*, navegue até *Creator Edit* e selecione [**Aparência**](https://app.impact.com/secure/advertiser/fr/branded-portal/look-and-feel.ihtml)**.** 3. Na *Aparência* configurações, ajuste as opções visuais do seu portal. Veja *Editar a aparência do seu portal* na seção abaixo. 4. Quando estiver satisfeito, selecione **Salvar**. #### Editar a aparência do seu portal {% tabs %} {% tab title="Cores gerais" %} Defina as cores gerais do seu portal usando códigos hexadecimais de cores. Essas cores se aplicam a planos de fundo, 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 de branding terciário. * **Plano de fundo da tela de abertura**: Defina a cor de fundo da tela de abertura/carregamento. * **Plano de fundo do onboarding**: Defina a cor de fundo do fluxo de onboarding do criador. * **Plano de fundo das configurações**: Defina a cor de fundo da página de configurações do portal. * **Plano de fundo principal**: Defina a cor principal de fundo 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 (passar o mouse e clicar). Você também pode pré-visualizar como seus botões ficarão no seu portal. * **Botão principal**: Defina a cor dos seus botões principais *Texto*, *Plano de fundo*, *Plano de 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*, *Plano de fundo*, *Plano de 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 hexadecimais de cores. Você também pode pré-visualizar como seu texto ficará no seu portal. * **Erros**: Defina a cor para 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 para todos os hiperlinks clicáveis. * **Texto do onboarding**: Defina a cor principal do texto durante o processo de onboarding. * **Texto secundário do onboarding**: Defina a cor secundária do texto usada durante o processo de onboarding. * **Texto principal do modal**: Defina a cor do texto dentro de pop-ups modais. * **Texto principal**: Defina a cor padrão do texto para a maior parte do conteúdo do corpo. * **Link secundário**: Defina a cor para links secundários ou menos proeminentes. * **Texto secundário**: Defina a cor para texto suplementar ou menos enfatizado. * **Texto das configurações**: Defina especificamente a cor do texto para as páginas de configurações. * **Texto da tela de abertura**: Defina a cor do texto na tela de abertura/carregamento. * **Texto principal do componente de UI**: Defina a cor do texto para os componentes principais da interface. {% endtab %} {% tab title="Formulários" %} Defina a aparência dos elementos interativos de formulário para combinar com a identidade da sua marca usando códigos hexadecimais de cores. Você também pode pré-visualizar como sua caixa de seleção e seu 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 hexadecimais de cores. * **Plano de fundo do modal principal**: Defina a cor de fundo para pop-ups modais. * **Componente de UI principal**: Defina a cor dos elementos principais da interface, como abas ativas ou itens selecionados. * **Componente de UI secundário**: Defina a cor dos elementos secundários da interface. * **Plano de fundo do contêiner em formato de pílula**: Defina a cor de fundo para etiquetas ou rótulos em formato de pílula. * **Plano de fundo do rodapé**: Defina a cor de fundo do rodapé da página. * **Plano de fundo do cabeçalho**: Defina a cor de fundo do cabeçalho da página. * **Plano de 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 compatíveis incluem .TTF, .OTF e .WOFF. Você também pode pré-visualizar como as fontes enviadas ficarão no seu portal. * **Fonte leve, regular, negrito**: Envie fontes para os estilos da sua fonte principal. * **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 pré-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 pré-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.