> 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/aparencia-e-estilo/personalize-seu-portal-de-edicao-do-creator.md). # Personalize Seu Portal Creator Edit Personalize a aparência do 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 creators. {% hint style="danger" %} **As alterações entram no ar imediatamente.** Os creators 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/24b09e08af742531bcfb4e5dc0f1976c6026280a) **\[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. Nas *Aparência* configurações, ajuste as opções visuais do seu portal. Veja a seção *Edite a aparência do seu portal* abaixo. 4. Quando estiver satisfeito, selecione **Salvar**. #### Edite a aparência 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 marca. * **Branding primário**: 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 tela de splash**: Defina a cor de fundo da tela de splash/carregamento. * **Fundo do onboarding**: Defina a cor de fundo do fluxo de onboarding do creator. * **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 de aviso e alertas. {% 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 visualizar como os botões ficarão no seu portal. * **Botão primário**: Defina a cor dos seus botões primá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. * **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 o texto ficará no seu portal. * **Erros**: Defina a cor das mensagens de erro. * **Texto do rótulo das métricas do influenciador**: Defina a cor dos rótulos nas métricas de desempenho. * **Cor do link**: Defina a cor de 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 do texto secundário usado 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 textos suplementares ou menos destacados. * **Texto das configurações**: Defina a cor do texto especificamente para as páginas de configurações. * **Texto da tela de splash**: 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 da interface do usuário. {% endtab %} {% tab title="Formulários" %} Defina a aparência dos elementos interativos de formulário para combinar com a sua marca usando códigos de cores hexadecimais. Você também pode visualizar como a caixa de seleção e o 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 selecionado**: Defina a cor de um botão de opção quando ele estiver selecionado. {% 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 para pop-ups modais. * **Componente de UI principal**: Defina a cor dos elementos principais da interface do usuário, como abas ativas ou itens selecionados. * **Componente de UI secundário**: Defina a cor dos elementos secundários da interface do usuário. * **Fundo do contêiner em formato de pill**: Defina a cor de fundo para tags ou rótulos em formato de pill. * **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 aceitos 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 semi-negrito, regular, negrito**: Envie fontes para os estilos secundários da sua fonte. {% 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 primário. * **Tamanho da fonte do cabeçalho do conteúdo de benefícios**: Ajuste o tamanho da fonte do cabeçalho nos cards de conteúdo de benefícios. {% endtab %} {% tab title="Categorias e coleções" %} Defina o estilo dos cards usados para exibir categorias e coleções no seu portal. Você pode visualizar como o estilo escolhido ficará no seu portal. * **Estilo dos cards de categorias**: Escolha entre **Circular** e **Quadrado**. Se você escolher o estilo **Quadrado** , você pode personalizar o arredondamento dos cantos dos cards. * **Estilo dos cards de coleções**: Escolha entre **Circular** e **Quadrado**. Se você escolher o estilo **Quadrado** , você pode personalizar o arredondamento dos cantos dos cards. {% 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/aparencia-e-estilo/personalize-seu-portal-de-edicao-do-creator.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.