> 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" %} This article covers configuring your [Creator Edit portal](/brand/what-would-you-like-to-learn-about/creator-edit-configuration/creator-edit-overview.md). [Contact us](https://app.impact.com/support/portal.ihtml?createTicket=true&) to learn more. {% endhint %} 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 criadores. {% hint style="danger" %} **As alterações entram no ar imediatamente.** Os criadores verão suas edições assim que você salvar. Se 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 no impact.com. 1. Na barra de navegação superior da sua conta no impact.com, selecione ![](https://526234278-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2F210dEQa93qyQgoJDkieL%2FUser%20profile.svg?alt=media\&token=f84c5b17-fae4-4a30-990a-9de5e57a150b) **\[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 *Edite a aparência e o estilo do seu portal* 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 marca. * **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**: 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 (passar o mouse e clicar). Você também pode visualizar como seus botões ficarão no portal. * **Botão principal**: 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 (ex.: #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 (ex.: #FFFFFF para branco) para definir a cor. {% endtab %} {% tab title="Texto" %} Defina as cores para 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 portal. * **Erros**: Defina a cor das mensagens de erro. * **Texto do rótulo de métricas de 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 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 usada durante o processo de onboarding. * **Texto principal do modal**: Defina a cor do texto dentro dos 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 de links secundários ou menos destacados. * **Texto secundário**: Defina a cor para textos suplementares ou menos enfatizados. * **Texto das configurações**: Defina a cor do texto especificamente para as páginas de configurações. * **Texto da splash**: Defina a cor do texto na tela de splash/carregamento. * **Texto principal de componente de UI**: Defina a cor do texto dos principais componentes 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 sua caixa de seleção e botão de opção ficarão no portal. * **Caixa de seleção selecionada**: Defina a cor de uma caixa de seleção quando ela estiver selecionada. * **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 dos pop-ups modais. * **Componente de UI principal**: Defina a cor dos principais elementos da interface, como abas ativas ou itens selecionados. * **Componente de UI secundário**: Defina a cor dos elementos secundários da interface. * **Fundo do contêiner em formato de pílula**: Defina a cor de fundo de etiquetas 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 compatíveis incluem .TTF, .OTF e .WOFF. Você também pode visualizar como as fontes enviadas ficarão no 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 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 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 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 portal. * **Estilo dos cards de categorias**: Escolha entre **Circular** e **Quadrado**. Se você escolher o estilo **Quadrado** estilo, 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** estilo, 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 by asking a question. Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters: ``` 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 what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case. 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.