{"id":77080,"date":"2025-12-19T10:51:04","date_gmt":"2025-12-19T15:51:04","guid":{"rendered":"https:\/\/memberpress.com\/?post_type=ht_kb&#038;p=77080"},"modified":"2026-02-11T04:33:11","modified_gmt":"2026-02-11T09:33:11","slug":"configuring-app-colors-in-memberpress-app","status":"publish","type":"ht_kb","link":"https:\/\/memberpress.com\/pt\/docs\/configuring-app-colors-in-memberpress-app\/","title":{"rendered":"Configura\u00e7\u00e3o das cores do aplicativo no AppKit do MemberPress"},"content":{"rendered":"<p>As cores consistentes da marca aprimoram o design do aplicativo, refor\u00e7am a identidade e melhoram a usabilidade. As configura\u00e7\u00f5es de cores do MemberPress AppKit permitem a personaliza\u00e7\u00e3o de planos de fundo, bot\u00f5es, elementos de navega\u00e7\u00e3o e destaques de conte\u00fado. <\/p>\r\n\r\n\r\n\r\n<p>Este documento explica como configurar esquemas de cores para todas as se\u00e7\u00f5es do aplicativo e visualizar as altera\u00e7\u00f5es nas plataformas iOS e Android.<\/p>\r\n\r\n\r\n\r\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\r\n<span class=\"cs5l4AzZFcLKSGjm1z6UIyokgsIoEeHH3AYKCnEW7NkMr9gBh9UWwvMbLRm4f1qSO3uBaX0QwDpNZJT0DpbxqT\"><div class=\"responsive-video\"><iframe title=\"Aplicativo MemberPress: Personalizando as cores de seu aplicativo\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/be8967RzXgI?feature=oembed&enablejsapi=1\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/div><\/span>\r\n<\/div><\/figure>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"color-configuration\"><a href=\"#color-configuration\">Entendendo a configura\u00e7\u00e3o de cores<\/a><\/h2>\r\n\r\n\r\n\r\n<p>As configura\u00e7\u00f5es de cor controlam a apar\u00eancia visual em todo o aplicativo, incluindo planos de fundo, texto, bot\u00f5es, barras de navega\u00e7\u00e3o e elementos interativos. Cada configura\u00e7\u00e3o de cor afeta componentes espec\u00edficos da interface. As visualiza\u00e7\u00f5es em tempo real exibem as altera\u00e7\u00f5es de cor em modelos iOS e Android. A configura\u00e7\u00e3o adequada das cores garante a consist\u00eancia da marca e mant\u00e9m a legibilidade em diferentes contextos de tela.<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"color-settings\"><a href=\"#color-settings\">Acessando as configura\u00e7\u00f5es de cor<\/a><\/h2>\r\n\r\n\r\n\r\n<p>Todas as configura\u00e7\u00f5es de cores s\u00e3o feitas na interface de cores da marca.<\/p>\r\n\r\n\r\n\r\n<ol class=\"wp-block-list\">\r\n<li>Navegue at\u00e9 <strong>Painel de controle &gt; MP AppKit<\/strong> <strong>&gt; Branding &gt; Cores<\/strong>.<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-1-1024x576.jpg\" alt=\"\" class=\"wp-image-77635\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-1-1024x576.jpg 1024w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-1-300x169.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-1-768x432.jpg 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-1-50x28.jpg 50w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-1-302x170.jpg 302w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-1-840x473.jpg 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-1-1216x684.jpg 1216w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-1-700x394.jpg 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-1-156x88.jpg 156w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-1-1080x608.jpg 1080w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-1.jpg 1366w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"general-colors\"><a href=\"#general-colors\">Configurando cores gerais<\/a><\/h2>\r\n\r\n\r\n\r\n<p>As cores gerais definem os elementos principais da interface em todo o aplicativo.<\/p>\r\n\r\n\r\n\r\n<ol class=\"wp-block-list\">\r\n<li>Navegue at\u00e9 <strong>Painel de controle &gt; MP AppKit<\/strong> <strong>&gt; Branding &gt; Cores<\/strong>.<br><\/li>\r\n\r\n\r\n\r\n<li>Localize o <strong>Geral<\/strong> se\u00e7\u00e3o.<br><\/li>\r\n\r\n\r\n\r\n<li>Clique no bot\u00e3o <strong>Cor de fundo<\/strong> amostra.<br><\/li>\r\n\r\n\r\n\r\n<li>Selecione uma cor usando o seletor de cores ou insira um c\u00f3digo hexadecimal.<br><\/li>\r\n\r\n\r\n\r\n<li>Clique no bot\u00e3o <strong>Cor de fundo alternada<\/strong> amostra.<br><\/li>\r\n\r\n\r\n\r\n<li>Selecione uma cor contrastante para se\u00e7\u00f5es de conte\u00fado alternativo.<br><\/li>\r\n\r\n\r\n\r\n<li>Clique no bot\u00e3o <strong>Imagem colorida de fundo<\/strong> amostra.<br><\/li>\r\n\r\n\r\n\r\n<li>Selecione uma cor para os fundos dos espa\u00e7os reservados para imagens.<br><\/li>\r\n\r\n\r\n\r\n<li>Clique no bot\u00e3o <strong>Cor da borda<\/strong> amostra.<br><\/li>\r\n\r\n\r\n\r\n<li>Selecione uma cor sutil para as bordas e divis\u00f3rias dos elementos.<br><\/li>\r\n\r\n\r\n\r\n<li>Clique no bot\u00e3o <strong>Cor de destaque<\/strong> amostra.<br><\/li>\r\n\r\n\r\n\r\n<li>Selecione uma cor proeminente para destaques e \u00eanfase.<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n<p>As altera\u00e7\u00f5es s\u00e3o visualizadas imediatamente nas simula\u00e7\u00f5es da p\u00e1gina do aplicativo, da p\u00e1gina do diret\u00f3rio e da p\u00e1gina do menu.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\" id=\"color-purposes\"><a href=\"#color-purposes\"><strong>Compreender os objetivos gerais das cores<\/strong><\/a><\/h3>\r\n\r\n\r\n\r\n<p>Cada cor geral tem fun\u00e7\u00f5es espec\u00edficas na interface.<\/p>\r\n\r\n\r\n\r\n<p><strong>Cor de fundo<\/strong> preenche as \u00e1reas e p\u00e1ginas de conte\u00fado principal. Essa cor deve proporcionar um contraste ideal com as cores do texto para facilitar a leitura.<\/p>\r\n\r\n\r\n\r\n<p><strong>Cor de fundo alternada<\/strong> diferencia se\u00e7\u00f5es ou cart\u00f5es dentro das p\u00e1ginas. Essa cor deve contrastar sutilmente com o fundo principal, mantendo uma apar\u00eancia coesa.<\/p>\r\n\r\n\r\n\r\n<p><strong>Imagem colorida de fundo<\/strong> exibe atr\u00e1s das imagens durante o carregamento ou quando as imagens n\u00e3o est\u00e3o dispon\u00edveis. Essa cor deve complementar o conte\u00fado t\u00edpico da imagem sem criar transi\u00e7\u00f5es discordantes.<\/p>\r\n\r\n\r\n\r\n<p><strong>Cor da borda<\/strong> define os limites e divis\u00f3rias dos elementos. Esta cor deve ser suficientemente subtil para n\u00e3o se destacar, mas suficientemente vis\u00edvel para proporcionar estrutura.<\/p>\r\n\r\n\r\n\r\n<p><strong>Cor de destaque<\/strong> destaca elementos interativos e informa\u00e7\u00f5es importantes. Essa cor deve se destacar de forma proeminente, ao mesmo tempo em que complementa o esquema de cores geral.<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"navigation-bar-colors\"><a href=\"#navigation-bar-colors\">Personalizando as cores da barra de navega\u00e7\u00e3o<\/a><\/h2>\r\n\r\n\r\n\r\n<p>As cores da barra de navega\u00e7\u00e3o afetam os cabe\u00e7alhos do aplicativo e os elementos de navega\u00e7\u00e3o superiores.<\/p>\r\n\r\n\r\n\r\n<ol class=\"wp-block-list\">\r\n<li>Navegue at\u00e9 <strong>Painel de controle &gt; MP AppKit &gt; Identidade visual &gt; Cores<\/strong>.<br><\/li>\r\n\r\n\r\n\r\n<li>Localize o <strong>Barra de navega\u00e7\u00e3o<\/strong> se\u00e7\u00e3o.<br><\/li>\r\n\r\n\r\n\r\n<li>Clique no bot\u00e3o <strong>Cor de fundo<\/strong> amostra.<br><\/li>\r\n\r\n\r\n\r\n<li>Selecione uma cor para o fundo da barra de navega\u00e7\u00e3o.<br><\/li>\r\n\r\n\r\n\r\n<li>Clique no bot\u00e3o <strong>Cor do texto<\/strong> amostra.<br><\/li>\r\n\r\n\r\n\r\n<li>Selecione uma cor que garanta a legibilidade em rela\u00e7\u00e3o ao fundo.<br><\/li>\r\n\r\n\r\n\r\n<li>Clique no bot\u00e3o <strong>Cor do link<\/strong> amostra.<br><\/li>\r\n\r\n\r\n\r\n<li>Selecione uma cor para os links de navega\u00e7\u00e3o e o texto interativo.<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-2-1024x576.jpg\" alt=\"\" class=\"wp-image-77636\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-2-1024x576.jpg 1024w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-2-300x169.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-2-768x432.jpg 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-2-50x28.jpg 50w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-2-302x170.jpg 302w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-2-840x473.jpg 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-2-1216x684.jpg 1216w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-2-700x394.jpg 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-2-156x88.jpg 156w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-2-1080x608.jpg 1080w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-2.jpg 1366w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\r\n\r\n\r\n\r\n<p>A pr\u00e9-visualiza\u00e7\u00e3o da barra de navega\u00e7\u00e3o \u00e9 atualizada imediatamente na maquete do cabe\u00e7alho.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\" id=\"navigation-readability\"><a href=\"#navigation-readability\">Garantindo a legibilidade da navega\u00e7\u00e3o<\/a><\/h3>\r\n\r\n\r\n\r\n<p>As cores da navega\u00e7\u00e3o devem manter um contraste suficiente para garantir a acessibilidade.<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"tab-bar-colors\"><a href=\"#tab-bar-colors\">Estilo da barra de guias e tela Mais<\/a><\/h2>\r\n\r\n\r\n\r\n<p>A barra de guias e as cores da tela controlam a apar\u00eancia da navega\u00e7\u00e3o inferior e do menu de transbordamento.<\/p>\r\n\r\n\r\n\r\n<ol class=\"wp-block-list\">\r\n<li>Navegue at\u00e9 <strong>Painel de controle &gt; MP AppKit<\/strong> <strong>&gt; Branding &gt; Cores<\/strong>.<br><\/li>\r\n\r\n\r\n\r\n<li>Localize o <strong>Barra de guias e mais<\/strong> se\u00e7\u00e3o.<br><\/li>\r\n\r\n\r\n\r\n<li>Clique no bot\u00e3o <strong>Cor de fundo da barra de guias<\/strong> amostra.<br><\/li>\r\n\r\n\r\n\r\n<li>Selecione uma cor para o fundo da barra de guias.<br><\/li>\r\n\r\n\r\n\r\n<li>Clique no bot\u00e3o <strong>Cor padr\u00e3o do \u00edcone<\/strong> amostra.<br><\/li>\r\n\r\n\r\n\r\n<li>Selecione uma cor para os \u00edcones de navega\u00e7\u00e3o inativos.<br><\/li>\r\n\r\n\r\n\r\n<li>Clique no bot\u00e3o <strong>\u00cdcone Cor ativa<\/strong> amostra.<br><\/li>\r\n\r\n\r\n\r\n<li>Selecione uma cor proeminente para os \u00edcones de navega\u00e7\u00e3o ativos.<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-3-1024x576.jpg\" alt=\"\" class=\"wp-image-77637\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-3-1024x576.jpg 1024w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-3-300x169.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-3-768x432.jpg 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-3-50x28.jpg 50w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-3-302x170.jpg 302w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-3-840x473.jpg 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-3-1216x684.jpg 1216w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-3-700x394.jpg 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-3-156x88.jpg 156w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-3-1080x608.jpg 1080w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-3.jpg 1366w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\r\n\r\n\r\n\r\n<p>Atualiza\u00e7\u00e3o das pr\u00e9-visualiza\u00e7\u00f5es para mostrar a apar\u00eancia da barra de guias com as cores selecionadas.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\" id=\"active-inactive-icons\"><a href=\"#active-inactive-icons\">Diferenciando \u00edcones ativos e inativos<\/a><\/h3>\r\n\r\n\r\n\r\n<p>As cores dos \u00edcones devem indicar claramente o estado da navega\u00e7\u00e3o.<\/p>\r\n\r\n\r\n\r\n<p>A cor do \u00edcone ativo deve contrastar fortemente com a cor padr\u00e3o para indicar a localiza\u00e7\u00e3o atual. Os membros devem reconhecer imediatamente qual se\u00e7\u00e3o est\u00e3o visualizando. A diferencia\u00e7\u00e3o insuficiente causa confus\u00e3o na navega\u00e7\u00e3o e uma experi\u00eancia ruim para o usu\u00e1rio.<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"button-styles\"><a href=\"#button-styles\">Personalizando estilos de bot\u00f5es<\/a><\/h2>\r\n\r\n\r\n\r\n<p>As cores dos bot\u00f5es definem a apar\u00eancia dos elementos interativos em todo o aplicativo.<\/p>\r\n\r\n\r\n\r\n<ol class=\"wp-block-list\">\r\n<li>Navegue at\u00e9 <strong>Painel de controle &gt; MP AppKit<\/strong> <strong>&gt; Branding &gt; Cores<\/strong>.<br><\/li>\r\n\r\n\r\n\r\n<li>Localize o <strong>Bot\u00f5es<\/strong> se\u00e7\u00e3o.<br><\/li>\r\n\r\n\r\n\r\n<li>Clique no bot\u00e3o <strong>Cor de fundo do bot\u00e3o principal<\/strong> amostra.<br><\/li>\r\n\r\n\r\n\r\n<li>Selecione uma cor proeminente para os bot\u00f5es de a\u00e7\u00e3o principais.<br><\/li>\r\n\r\n\r\n\r\n<li>Clique no bot\u00e3o <strong>Cor do texto do bot\u00e3o principal<\/strong> amostra.<br><\/li>\r\n\r\n\r\n\r\n<li>Selecione uma cor contrastante para o texto do bot\u00e3o.<br><\/li>\r\n\r\n\r\n\r\n<li>Clique no bot\u00e3o <strong>Cor de fundo do bot\u00e3o secund\u00e1rio<\/strong> amostra.<br><\/li>\r\n\r\n\r\n\r\n<li>Selecione uma cor sutil para os bot\u00f5es de a\u00e7\u00e3o secund\u00e1rios.<br><\/li>\r\n\r\n\r\n\r\n<li>Clique no bot\u00e3o <strong>Cor do texto do bot\u00e3o secund\u00e1rio<\/strong> amostra.<br><\/li>\r\n\r\n\r\n\r\n<li>Selecione uma cor de texto apropriada para os bot\u00f5es secund\u00e1rios.<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-4-1024x576.jpg\" alt=\"\" class=\"wp-image-77638\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-4-1024x576.jpg 1024w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-4-300x169.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-4-768x432.jpg 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-4-50x28.jpg 50w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-4-302x170.jpg 302w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-4-840x473.jpg 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-4-1216x684.jpg 1216w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-4-700x394.jpg 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-4-156x88.jpg 156w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-4-1080x608.jpg 1080w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-4.jpg 1366w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\r\n\r\n\r\n\r\n<p>As atualiza\u00e7\u00f5es da pr\u00e9-visualiza\u00e7\u00e3o dos bot\u00f5es mostram como os bot\u00f5es aparecem em v\u00e1rios contextos.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\" id=\"button-hierarchies\"><a href=\"#button-hierarchies\">Hierarquias de bot\u00f5es distintivas<\/a><\/h3>\r\n\r\n\r\n\r\n<p>Os bot\u00f5es prim\u00e1rios e secund\u00e1rios devem indicar claramente a import\u00e2ncia da a\u00e7\u00e3o.<\/p>\r\n\r\n\r\n\r\n<p>Os bot\u00f5es prim\u00e1rios representam a\u00e7\u00f5es principais, como \u201cComprar\u201d, \u201cEnviar\u201d ou \u201cContinuar\u201d. Esses bot\u00f5es devem usar cores fortes e chamativas. Os bot\u00f5es secund\u00e1rios representam a\u00e7\u00f5es alternativas, como \u201cCancelar\u201d ou \u201cVoltar\u201d. Esses bot\u00f5es devem usar cores mais suaves que complementem, mas n\u00e3o competam com os bot\u00f5es prim\u00e1rios.<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"text-colors\"><a href=\"#text-colors\">Ajustando as cores do texto<\/a><\/h2>\r\n\r\n\r\n\r\n<p>As cores do texto controlam a legibilidade e a hierarquia do conte\u00fado em todo o aplicativo.<\/p>\r\n\r\n\r\n\r\n<ol class=\"wp-block-list\">\r\n<li>Navegue at\u00e9 <strong>Painel de controle &gt; MP AppKit<\/strong> <strong>&gt; Branding &gt; Cores<\/strong>.<br><\/li>\r\n\r\n\r\n\r\n<li>Localize o <strong>Cores do texto<\/strong> se\u00e7\u00e3o.<br><\/li>\r\n\r\n\r\n\r\n<li>Clique no bot\u00e3o <strong>Cor do texto do t\u00edtulo<\/strong> amostra.<br><\/li>\r\n\r\n\r\n\r\n<li>Selecione uma cor proeminente para os t\u00edtulos e cabe\u00e7alhos das se\u00e7\u00f5es.<br><\/li>\r\n\r\n\r\n\r\n<li>Clique no bot\u00e3o <strong>Cor do texto do corpo<\/strong> amostra.<br><\/li>\r\n\r\n\r\n\r\n<li>Selecione uma cor de f\u00e1cil leitura para o texto do conte\u00fado principal.<br><\/li>\r\n\r\n\r\n\r\n<li>Clique no bot\u00e3o <strong>Cor do texto da descri\u00e7\u00e3o<\/strong> amostra.<br><\/li>\r\n\r\n\r\n\r\n<li>Selecione uma cor ligeiramente suave para descri\u00e7\u00f5es complementares.<br><\/li>\r\n\r\n\r\n\r\n<li>Clique no bot\u00e3o <strong>Cor do texto meta<\/strong> amostra.<br><\/li>\r\n\r\n\r\n\r\n<li>Selecione uma cor sutil para carimbos de data\/hora e metadados.<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-5-1024x576.jpg\" alt=\"\" class=\"wp-image-77640\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-5-1024x576.jpg 1024w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-5-300x169.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-5-768x432.jpg 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-5-50x28.jpg 50w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-5-302x170.jpg 302w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-5-840x473.jpg 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-5-1216x684.jpg 1216w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-5-700x394.jpg 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-5-156x88.jpg 156w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-5-1080x608.jpg 1080w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-5.jpg 1366w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\r\n\r\n\r\n\r\n<p>A pr\u00e9-visualiza\u00e7\u00e3o do texto mostra como os diferentes n\u00edveis de texto aparecem com as cores selecionadas.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\" id=\"text-hierarchy\"><a href=\"#text-hierarchy\">Estabelecendo uma hierarquia de texto<\/a><\/h3>\r\n\r\n\r\n\r\n<p>As cores do texto devem criar uma hierarquia visual clara para a leitura do conte\u00fado.<\/p>\r\n\r\n\r\n\r\n<p>O texto do t\u00edtulo deve ser o mais proeminente para indicar o in\u00edcio da se\u00e7\u00e3o. O corpo do texto deve oferecer \u00f3tima legibilidade para leituras prolongadas. O texto descritivo deve ser distingu\u00edvel, mas menos proeminente que o corpo do texto. O metatexto deve ser sutil o suficiente para n\u00e3o distrair do conte\u00fado principal.<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"styling-labels\"><a href=\"#styling-labels\">Etiquetas de estilo<\/a><\/h2>\r\n\r\n\r\n\r\n<p>As cores das etiquetas afetam as tags, os emblemas e os indicadores de status em todo o aplicativo.<\/p>\r\n\r\n\r\n\r\n<ol class=\"wp-block-list\">\r\n<li>Navegue at\u00e9 <strong>Painel de controle &gt; MP AppKit<\/strong> <strong>&gt; Branding &gt; Cores<\/strong>.<br><\/li>\r\n\r\n\r\n\r\n<li>Localize o <strong>Etiquetas<\/strong> se\u00e7\u00e3o.<br><\/li>\r\n\r\n\r\n\r\n<li>Clique no bot\u00e3o <strong>Cor de fundo da etiqueta<\/strong> amostra.<br><\/li>\r\n\r\n\r\n\r\n<li>Selecione uma cor para o fundo das etiquetas.<br><\/li>\r\n\r\n\r\n\r\n<li>Clique no bot\u00e3o <strong>Cor do texto da etiqueta<\/strong> amostra.<br><\/li>\r\n\r\n\r\n\r\n<li>Selecione uma cor contrastante para o texto da etiqueta.<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-6-1024x576.jpg\" alt=\"\" class=\"wp-image-77641\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-6-1024x576.jpg 1024w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-6-300x169.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-6-768x432.jpg 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-6-50x28.jpg 50w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-6-302x170.jpg 302w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-6-840x473.jpg 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-6-1216x684.jpg 1216w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-6-700x394.jpg 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-6-156x88.jpg 156w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-6-1080x608.jpg 1080w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-6.jpg 1366w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\r\n\r\n\r\n\r\n<p>A pr\u00e9-visualiza\u00e7\u00e3o da etiqueta mostra a apar\u00eancia nas vistas de lista e detalhada.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\" id=\"label-visibility\"><a href=\"#label-visibility\">Garantindo a visibilidade da etiqueta<\/a><\/h3>\r\n\r\n\r\n\r\n<p>As etiquetas devem permanecer vis\u00edveis em diferentes fundos de p\u00e1gina.<\/p>\r\n\r\n\r\n\r\n<p>A cor de fundo da etiqueta deve contrastar com o fundo da p\u00e1gina onde as etiquetas aparecem. O texto da etiqueta deve manter um forte contraste com o fundo da etiqueta para facilitar a leitura. As etiquetas aparecem frequentemente em fundos variados, pelo que a sele\u00e7\u00e3o de cores deve ter em conta m\u00faltiplos contextos.<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"login-screen-colors\"><a href=\"#login-screen-colors\">Personalizando as cores da tela de login<\/a><\/h2>\r\n\r\n\r\n\r\n<p>As cores da tela de login definem a apar\u00eancia da p\u00e1gina de autentica\u00e7\u00e3o.<\/p>\r\n\r\n\r\n\r\n<ol class=\"wp-block-list\">\r\n<li>Navegue at\u00e9 <strong>Painel de controle &gt; MP AppKit<\/strong> <strong>&gt; Branding &gt; Cores<\/strong>.<br><\/li>\r\n\r\n\r\n\r\n<li>Localize o <strong>Telas de login<\/strong> se\u00e7\u00e3o.<br><\/li>\r\n\r\n\r\n\r\n<li>Configure as seguintes amostras de cores:<br>\r\n<ul class=\"wp-block-list\">\r\n<li><strong>Cor de fundo<\/strong> para o fundo da p\u00e1gina de login;<\/li>\r\n\r\n\r\n\r\n<li><strong>Fundo do campo de entrada<\/strong> para fundos de campos de formul\u00e1rio;<\/li>\r\n\r\n\r\n\r\n<li><strong>Borda do campo de entrada<\/strong> para contornos de campo;<\/li>\r\n\r\n\r\n\r\n<li><strong>Texto do campo de entrada<\/strong> para a cor do texto inserido;<\/li>\r\n\r\n\r\n\r\n<li><strong>Fundo do bot\u00e3o<\/strong> para fundos de bot\u00f5es de a\u00e7\u00e3o;<\/li>\r\n\r\n\r\n\r\n<li><strong>Texto do bot\u00e3o<\/strong> para a cor do texto do bot\u00e3o.<br><\/li>\r\n<\/ul>\r\n<\/li>\r\n\r\n\r\n\r\n<li>Analise as pr\u00e9-visualiza\u00e7\u00f5es das telas de Login e Esqueci a senha.<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-8-1024x576.jpg\" alt=\"\" class=\"wp-image-77643\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-8-1024x576.jpg 1024w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-8-300x169.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-8-768x432.jpg 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-8-50x28.jpg 50w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-8-302x170.jpg 302w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-8-840x473.jpg 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-8-1216x684.jpg 1216w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-8-700x394.jpg 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-8-156x88.jpg 156w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-8-1080x608.jpg 1080w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-8.jpg 1366w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\r\n\r\n\r\n\r\n<p>A pr\u00e9-visualiza\u00e7\u00e3o da tela de login exibe p\u00e1ginas de autentica\u00e7\u00e3o com as cores selecionadas.<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"registration-colors\"><a href=\"#registration-colors\">Estilo das cores da tela de registro<\/a><\/h2>\r\n\r\n\r\n\r\n<p>As cores da tela de registro definem a apar\u00eancia da p\u00e1gina de cria\u00e7\u00e3o da conta.<\/p>\r\n\r\n\r\n\r\n<ol class=\"wp-block-list\">\r\n<li>Navegue at\u00e9 <strong>Painel de controle &gt; MP AppKit &gt; Identidade visual &gt; Cores<\/strong>.<br><\/li>\r\n\r\n\r\n\r\n<li>Localize o <strong>Telas de registro<\/strong> se\u00e7\u00e3o.<br><\/li>\r\n\r\n\r\n\r\n<li>Configure as seguintes amostras de cores:\r\n<ul class=\"wp-block-list\">\r\n<li><strong>Cor de fundo<\/strong> para o fundo da p\u00e1gina de registro;<\/li>\r\n\r\n\r\n\r\n<li><strong>Fundo do campo de entrada<\/strong> para fundos de campos de formul\u00e1rio;<\/li>\r\n\r\n\r\n\r\n<li><strong>Borda do campo de entrada<\/strong> para contornos de campo;<\/li>\r\n\r\n\r\n\r\n<li><strong>Texto do campo de entrada<\/strong> para a cor do texto inserido;<\/li>\r\n\r\n\r\n\r\n<li><strong>Fundo do bot\u00e3o<\/strong> para fundos de bot\u00f5es de a\u00e7\u00e3o;<\/li>\r\n\r\n\r\n\r\n<li><strong>Texto do bot\u00e3o<\/strong> para a cor do texto do bot\u00e3o.<br><\/li>\r\n<\/ul>\r\n<\/li>\r\n\r\n\r\n\r\n<li>Revise a pr\u00e9-visualiza\u00e7\u00e3o da tela de registro.<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-9-1024x576.jpg\" alt=\"\" class=\"wp-image-77644\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-9-1024x576.jpg 1024w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-9-300x169.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-9-768x432.jpg 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-9-50x28.jpg 50w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-9-302x170.jpg 302w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-9-840x473.jpg 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-9-1216x684.jpg 1216w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-9-700x394.jpg 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-9-156x88.jpg 156w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-9-1080x608.jpg 1080w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-9.jpg 1366w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\r\n\r\n\r\n\r\n<p>O uso de cores consistentes entre as telas de login e registro cria experi\u00eancias de autentica\u00e7\u00e3o coesas.<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"android-status-bar\"><a href=\"#android-status-bar\">Configurando a cor da barra de status do Android<\/a><\/h2>\r\n\r\n\r\n\r\n<p>A cor da barra de status do Android afeta a apar\u00eancia da barra de status do dispositivo na parte superior da tela.<\/p>\r\n\r\n\r\n\r\n<ol class=\"wp-block-list\">\r\n<li>Navegue at\u00e9 <strong>Painel de controle &gt; MP AppKit<\/strong> <strong>&gt; Branding &gt; Cores<\/strong>.<\/li>\r\n\r\n\r\n\r\n<li>Localize o <strong>Barra de status do Android<\/strong> se\u00e7\u00e3o.<\/li>\r\n\r\n\r\n\r\n<li>Clique no bot\u00e3o <strong>Cor de fundo do status<\/strong> amostra.<\/li>\r\n\r\n\r\n\r\n<li>Selecione uma cor que combine ou complemente a barra de navega\u00e7\u00e3o.<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-10-1024x576.jpg\" alt=\"\" class=\"wp-image-77645\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-10-1024x576.jpg 1024w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-10-300x169.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-10-768x432.jpg 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-10-50x28.jpg 50w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-10-302x170.jpg 302w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-10-840x473.jpg 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-10-1216x684.jpg 1216w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-10-700x394.jpg 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-10-156x88.jpg 156w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-10-1080x608.jpg 1080w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-10.jpg 1366w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\r\n\r\n\r\n\r\n<p>A pr\u00e9-visualiza\u00e7\u00e3o da cor da barra de estado \u00e9 atualizada apenas na maquete do dispositivo Android. Esta configura\u00e7\u00e3o n\u00e3o afeta os dispositivos iOS.<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"in-app-purchase-colors\"><a href=\"#in-app-purchase-colors\">Personalizando as cores das compras no aplicativo<\/a><\/h2>\r\n\r\n\r\n\r\n<p>As cores das compras no aplicativo destacam os produtos e benef\u00edcios da assinatura.<\/p>\r\n\r\n\r\n\r\n<ol class=\"wp-block-list\">\r\n<li>Navegue at\u00e9 <strong>Painel de controle &gt; MP AppKit<\/strong> <strong>&gt; Branding &gt; Cores<\/strong>.<br><\/li>\r\n\r\n\r\n\r\n<li>Localize o <strong>Compras no aplicativo<\/strong> se\u00e7\u00e3o.<br><\/li>\r\n\r\n\r\n\r\n<li>Clique no bot\u00e3o <strong>Cor da marca de sele\u00e7\u00e3o do status de compra<\/strong> amostra.<br><\/li>\r\n\r\n\r\n\r\n<li>Selecione uma cor para as marcas de sele\u00e7\u00e3o que indicam as assinaturas adquiridas.<br><\/li>\r\n\r\n\r\n\r\n<li>Clique no bot\u00e3o <strong>Cor da marca de verifica\u00e7\u00e3o dos benef\u00edcios<\/strong> amostra.<br><\/li>\r\n\r\n\r\n\r\n<li>Selecione uma cor para as marcas de sele\u00e7\u00e3o que listam os benef\u00edcios da associa\u00e7\u00e3o.<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-11-1024x576.jpg\" alt=\"\" class=\"wp-image-77646\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-11-1024x576.jpg 1024w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-11-300x169.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-11-768x432.jpg 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-11-50x28.jpg 50w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-11-302x170.jpg 302w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-11-840x473.jpg 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-11-1216x684.jpg 1216w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-11-700x394.jpg 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-11-156x88.jpg 156w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-11-1080x608.jpg 1080w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-11.jpg 1366w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\r\n\r\n\r\n\r\n<p>A pr\u00e9-visualiza\u00e7\u00e3o da tela de compra exibe listas de produtos com cores de marca\u00e7\u00e3o configuradas.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\" id=\"purchase-status\"><a href=\"#purchase-status\">Destacando o status da compra<\/a><\/h3>\r\n\r\n\r\n\r\n<p>As cores das marcas de sele\u00e7\u00e3o devem indicar claramente a conclus\u00e3o da compra e a inclus\u00e3o dos benef\u00edcios.<\/p>\r\n\r\n\r\n\r\n<p>As marcas de verifica\u00e7\u00e3o do status de compra devem usar cores positivas e afirmativas, como o verde, para indicar transa\u00e7\u00f5es bem-sucedidas. As marcas de verifica\u00e7\u00e3o dos benef\u00edcios devem complementar a cor do status de compra, mantendo-se distintas. O contraste suficiente com as cores de fundo garante a visibilidade em diferentes contextos de tela.<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"saving-configuration\"><a href=\"#saving-configuration\">Salvar configura\u00e7\u00e3o de cores<\/a><\/h2>\r\n\r\n\r\n\r\n<p>Todas as sele\u00e7\u00f5es de cores devem ser salvas antes de entrarem em vigor.<\/p>\r\n\r\n\r\n\r\n<ol class=\"wp-block-list\">\r\n<li>Revise todas as cores configuradas nas maquetes de pr\u00e9-visualiza\u00e7\u00e3o.<\/li>\r\n\r\n\r\n\r\n<li>Role at\u00e9 o final da p\u00e1gina. <strong>Painel de controle &gt; MP AppKit &gt; Identidade visual &gt; Cores<\/strong> p\u00e1gina.<\/li>\r\n\r\n\r\n\r\n<li>Clique em <strong>Salvar altera\u00e7\u00f5es<\/strong>.<\/li>\r\n\r\n\r\n\r\n<li>Aguarde a mensagem de confirma\u00e7\u00e3o indicando que o salvamento foi bem-sucedido.<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-12-1-1024x576.jpg\" alt=\"\" class=\"wp-image-77647\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-12-1-1024x576.jpg 1024w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-12-1-300x169.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-12-1-768x432.jpg 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-12-1-50x28.jpg 50w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-12-1-302x170.jpg 302w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-12-1-840x473.jpg 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-12-1-1216x684.jpg 1216w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-12-1-700x394.jpg 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-12-1-156x88.jpg 156w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-12-1-1080x608.jpg 1080w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-12-1.jpg 1366w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\r\n\r\n\r\n\r\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-danger\"><strong>Observa\u00e7\u00e3o:<\/strong> Sair da p\u00e1gina sem salvar faz com que todas as altera\u00e7\u00f5es de cor n\u00e3o salvas sejam perdidas.<\/p>","protected":false},"excerpt":{"rendered":"<p>Configure cores consistentes para os fundos, bot\u00f5es e texto do seu aplicativo MemberPress. Reforce a identidade da marca e melhore a usabilidade do aplicativo no iOS e no Android.<\/p>","protected":false},"author":86440,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"_strive_editorial_status":"not-started","_strive_copy_of":0,"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","_FSMCFIC_featured_image_caption":"","_FSMCFIC_featured_image_nocaption":"","_FSMCFIC_featured_image_hide":"","_strive_checklists":"\"\"","_strive_active_checklist":"62291e2bb2422","footnotes":""},"ht-kb-category":[1538],"ht-kb-tag":[],"class_list":{"0":"post-77080","1":"ht_kb","2":"type-ht_kb","3":"status-publish","4":"format-standard","6":"ht_kb_category-app-content","7":"entry","8":"has-post-thumbnail"},"acf":[],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO Pro 4.9.5.2 - aioseo.com -->\n\t<meta name=\"description\" content=\"Configure consistent app colors for your MemberPress App&#039;s backgrounds, buttons, and text. Enhance brand identity and improve app usability on iOS and Android.\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"Kashif\"\/>\n\t<link rel=\"canonical\" href=\"https:\/\/memberpress.com\/pt\/docs\/configuring-app-colors-in-memberpress-app\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO Pro (AIOSEO) 4.9.5.2\" \/>\n\t\t<meta property=\"og:locale\" content=\"pt_BR\" \/>\n\t\t<meta property=\"og:site_name\" content=\"MemberPress\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Configuring App Colors in MemberPress AppKit\" \/>\n\t\t<meta property=\"og:description\" content=\"Configure consistent app colors for your MemberPress App&#039;s backgrounds, buttons, and text. Enhance brand identity and improve app usability on iOS and Android.\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/memberpress.com\/pt\/docs\/configuring-app-colors-in-memberpress-app\/\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/mp-icon-RGB_Icon-01.jpg\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/mp-icon-RGB_Icon-01.jpg\" \/>\n\t\t<meta property=\"og:image:width\" content=\"1650\" \/>\n\t\t<meta property=\"og:image:height\" content=\"1275\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2025-12-19T15:51:04+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2026-02-11T09:33:11+00:00\" \/>\n\t\t<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/memberpress\/\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:site\" content=\"@memberpress\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Configuring App Colors in MemberPress AppKit\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Configure consistent app colors for your MemberPress App&#039;s backgrounds, buttons, and text. Enhance brand identity and improve app usability on iOS and Android.\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/mp-icon-RGB_Icon-01.jpg\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/docs\\\/configuring-app-colors-in-memberpress-app\\\/#article\",\"name\":\"Configuring App Colors in MemberPress AppKit\",\"headline\":\"Configuring App Colors in MemberPress AppKit\",\"author\":{\"@id\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/blog\\\/author\\\/kashifcaseproof-com\\\/#author\"},\"publisher\":{\"@id\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/#organization\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/memberpress.com\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/Configuring-App-Colors-in-MemberPress-App-1.jpg\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/docs\\\/configuring-app-colors-in-memberpress-app\\\/#articleImage\",\"width\":1366,\"height\":769},\"datePublished\":\"2025-12-19T10:51:04-05:00\",\"dateModified\":\"2026-02-11T04:33:11-05:00\",\"inLanguage\":\"pt-BR\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/docs\\\/configuring-app-colors-in-memberpress-app\\\/#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/docs\\\/configuring-app-colors-in-memberpress-app\\\/#webpage\"},\"articleSection\":\"AppKit Content\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/docs\\\/configuring-app-colors-in-memberpress-app\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/pt#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/memberpress.com\\\/pt\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/doc-categories\\\/app\\\/#listItem\",\"name\":\"MemberPress AppKit\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/doc-categories\\\/app\\\/#listItem\",\"position\":2,\"name\":\"MemberPress AppKit\",\"item\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/doc-categories\\\/app\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/doc-categories\\\/app-content\\\/#listItem\",\"name\":\"AppKit Content\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/pt#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/doc-categories\\\/app-content\\\/#listItem\",\"position\":3,\"name\":\"AppKit Content\",\"item\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/doc-categories\\\/app-content\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/docs\\\/configuring-app-colors-in-memberpress-app\\\/#listItem\",\"name\":\"Configuring App Colors in MemberPress AppKit\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/doc-categories\\\/app\\\/#listItem\",\"name\":\"MemberPress AppKit\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/docs\\\/configuring-app-colors-in-memberpress-app\\\/#listItem\",\"position\":4,\"name\":\"Configuring App Colors in MemberPress AppKit\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/doc-categories\\\/app-content\\\/#listItem\",\"name\":\"AppKit Content\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/#organization\",\"name\":\"MemberPress\",\"description\":\"The All-In-One WordPress Membership Plugin\",\"url\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/memberpress.com\\\/wp-content\\\/uploads\\\/2022\\\/10\\\/mp-icon-RGB_Icon-01.jpg\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/docs\\\/configuring-app-colors-in-memberpress-app\\\/#organizationLogo\",\"width\":1650,\"height\":1275,\"caption\":\"memberpress logo icon\"},\"image\":{\"@id\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/docs\\\/configuring-app-colors-in-memberpress-app\\\/#organizationLogo\"},\"sameAs\":[\"https:\\\/\\\/www.instagram.com\\\/memberpress\\\/\",\"https:\\\/\\\/www.pinterest.com\\\/memberpressplugin\\\/\",\"https:\\\/\\\/www.youtube.com\\\/c\\\/MemberPressPlugin\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/memberpress\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/blog\\\/author\\\/kashifcaseproof-com\\\/#author\",\"url\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/blog\\\/author\\\/kashifcaseproof-com\\\/\",\"name\":\"Kashif\",\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/memberpress.com\\\/wp-content\\\/litespeed\\\/avatar\\\/2fa3d3f90ddc6213dce27b98165e7ec9.jpg?ver=1775158903\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/docs\\\/configuring-app-colors-in-memberpress-app\\\/#webpage\",\"url\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/docs\\\/configuring-app-colors-in-memberpress-app\\\/\",\"name\":\"Configuring App Colors in MemberPress AppKit\",\"description\":\"Configure consistent app colors for your MemberPress App's backgrounds, buttons, and text. Enhance brand identity and improve app usability on iOS and Android.\",\"inLanguage\":\"pt-BR\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/docs\\\/configuring-app-colors-in-memberpress-app\\\/#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/blog\\\/author\\\/kashifcaseproof-com\\\/#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/blog\\\/author\\\/kashifcaseproof-com\\\/#author\"},\"datePublished\":\"2025-12-19T10:51:04-05:00\",\"dateModified\":\"2026-02-11T04:33:11-05:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/#website\",\"url\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/\",\"name\":\"MemberPress\",\"description\":\"The All-In-One WordPress Membership Plugin\",\"inLanguage\":\"pt-BR\",\"publisher\":{\"@id\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO Pro -->\r\n\t\t<title>Configuring App Colors in MemberPress AppKit<\/title>\n\n","aioseo_head_json":{"title":"Configura\u00e7\u00e3o das cores do aplicativo no AppKit do MemberPress","description":"Configure cores consistentes para os planos de fundo, bot\u00f5es e texto do aplicativo MemberPress. Aprimore a identidade da marca e melhore a usabilidade do aplicativo no iOS e no Android.","canonical_url":"https:\/\/memberpress.com\/pt\/docs\/configuring-app-colors-in-memberpress-app\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/memberpress.com\/pt\/docs\/configuring-app-colors-in-memberpress-app\/#article","name":"Configuring App Colors in MemberPress AppKit","headline":"Configuring App Colors in MemberPress AppKit","author":{"@id":"https:\/\/memberpress.com\/pt\/blog\/author\/kashifcaseproof-com\/#author"},"publisher":{"@id":"https:\/\/memberpress.com\/pt\/#organization"},"image":{"@type":"ImageObject","url":"https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-1.jpg","@id":"https:\/\/memberpress.com\/pt\/docs\/configuring-app-colors-in-memberpress-app\/#articleImage","width":1366,"height":769},"datePublished":"2025-12-19T10:51:04-05:00","dateModified":"2026-02-11T04:33:11-05:00","inLanguage":"pt-BR","mainEntityOfPage":{"@id":"https:\/\/memberpress.com\/pt\/docs\/configuring-app-colors-in-memberpress-app\/#webpage"},"isPartOf":{"@id":"https:\/\/memberpress.com\/pt\/docs\/configuring-app-colors-in-memberpress-app\/#webpage"},"articleSection":"AppKit Content"},{"@type":"BreadcrumbList","@id":"https:\/\/memberpress.com\/pt\/docs\/configuring-app-colors-in-memberpress-app\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/memberpress.com\/pt#listItem","position":1,"name":"Home","item":"https:\/\/memberpress.com\/pt","nextItem":{"@type":"ListItem","@id":"https:\/\/memberpress.com\/pt\/doc-categories\/app\/#listItem","name":"MemberPress AppKit"}},{"@type":"ListItem","@id":"https:\/\/memberpress.com\/pt\/doc-categories\/app\/#listItem","position":2,"name":"MemberPress AppKit","item":"https:\/\/memberpress.com\/pt\/doc-categories\/app\/","nextItem":{"@type":"ListItem","@id":"https:\/\/memberpress.com\/pt\/doc-categories\/app-content\/#listItem","name":"AppKit Content"},"previousItem":{"@type":"ListItem","@id":"https:\/\/memberpress.com\/pt#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/memberpress.com\/pt\/doc-categories\/app-content\/#listItem","position":3,"name":"AppKit Content","item":"https:\/\/memberpress.com\/pt\/doc-categories\/app-content\/","nextItem":{"@type":"ListItem","@id":"https:\/\/memberpress.com\/pt\/docs\/configuring-app-colors-in-memberpress-app\/#listItem","name":"Configuring App Colors in MemberPress AppKit"},"previousItem":{"@type":"ListItem","@id":"https:\/\/memberpress.com\/pt\/doc-categories\/app\/#listItem","name":"MemberPress AppKit"}},{"@type":"ListItem","@id":"https:\/\/memberpress.com\/pt\/docs\/configuring-app-colors-in-memberpress-app\/#listItem","position":4,"name":"Configuring App Colors in MemberPress AppKit","previousItem":{"@type":"ListItem","@id":"https:\/\/memberpress.com\/pt\/doc-categories\/app-content\/#listItem","name":"AppKit Content"}}]},{"@type":"Organization","@id":"https:\/\/memberpress.com\/pt\/#organization","name":"MemberPress","description":"The All-In-One WordPress Membership Plugin","url":"https:\/\/memberpress.com\/pt\/","logo":{"@type":"ImageObject","url":"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/mp-icon-RGB_Icon-01.jpg","@id":"https:\/\/memberpress.com\/pt\/docs\/configuring-app-colors-in-memberpress-app\/#organizationLogo","width":1650,"height":1275,"caption":"memberpress logo icon"},"image":{"@id":"https:\/\/memberpress.com\/pt\/docs\/configuring-app-colors-in-memberpress-app\/#organizationLogo"},"sameAs":["https:\/\/www.instagram.com\/memberpress\/","https:\/\/www.pinterest.com\/memberpressplugin\/","https:\/\/www.youtube.com\/c\/MemberPressPlugin","https:\/\/www.linkedin.com\/company\/memberpress\/"]},{"@type":"Person","@id":"https:\/\/memberpress.com\/pt\/blog\/author\/kashifcaseproof-com\/#author","url":"https:\/\/memberpress.com\/pt\/blog\/author\/kashifcaseproof-com\/","name":"Kashif","image":{"@type":"ImageObject","url":"https:\/\/memberpress.com\/wp-content\/litespeed\/avatar\/2fa3d3f90ddc6213dce27b98165e7ec9.jpg?ver=1775158903"}},{"@type":"WebPage","@id":"https:\/\/memberpress.com\/pt\/docs\/configuring-app-colors-in-memberpress-app\/#webpage","url":"https:\/\/memberpress.com\/pt\/docs\/configuring-app-colors-in-memberpress-app\/","name":"Configuring App Colors in MemberPress AppKit","description":"Configure consistent app colors for your MemberPress App's backgrounds, buttons, and text. Enhance brand identity and improve app usability on iOS and Android.","inLanguage":"pt-BR","isPartOf":{"@id":"https:\/\/memberpress.com\/pt\/#website"},"breadcrumb":{"@id":"https:\/\/memberpress.com\/pt\/docs\/configuring-app-colors-in-memberpress-app\/#breadcrumblist"},"author":{"@id":"https:\/\/memberpress.com\/pt\/blog\/author\/kashifcaseproof-com\/#author"},"creator":{"@id":"https:\/\/memberpress.com\/pt\/blog\/author\/kashifcaseproof-com\/#author"},"datePublished":"2025-12-19T10:51:04-05:00","dateModified":"2026-02-11T04:33:11-05:00"},{"@type":"WebSite","@id":"https:\/\/memberpress.com\/pt\/#website","url":"https:\/\/memberpress.com\/pt\/","name":"MemberPress","description":"The All-In-One WordPress Membership Plugin","inLanguage":"pt-BR","publisher":{"@id":"https:\/\/memberpress.com\/pt\/#organization"}}]},"og:locale":"pt_BR","og:site_name":"MemberPress","og:type":"article","og:title":"Configuring App Colors in MemberPress AppKit","og:description":"Configure consistent app colors for your MemberPress App's backgrounds, buttons, and text. Enhance brand identity and improve app usability on iOS and Android.","og:url":"https:\/\/memberpress.com\/pt\/docs\/configuring-app-colors-in-memberpress-app\/","og:image":"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/mp-icon-RGB_Icon-01.jpg","og:image:secure_url":"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/mp-icon-RGB_Icon-01.jpg","og:image:width":1650,"og:image:height":1275,"article:published_time":"2025-12-19T15:51:04+00:00","article:modified_time":"2026-02-11T09:33:11+00:00","article:publisher":"https:\/\/www.facebook.com\/memberpress\/","twitter:card":"summary_large_image","twitter:site":"@memberpress","twitter:title":"Configuring App Colors in MemberPress AppKit","twitter:description":"Configure consistent app colors for your MemberPress App's backgrounds, buttons, and text. Enhance brand identity and improve app usability on iOS and Android.","twitter:image":"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/mp-icon-RGB_Icon-01.jpg"},"aioseo_meta_data":{"post_id":"77080","title":"#post_title","description":null,"keywords":null,"keyphrases":{"focus":{"keyphrase":"colors","score":78,"analysis":{"keyphraseInTitle":{"score":9,"maxScore":9,"error":0},"keyphraseInDescription":{"score":9,"maxScore":9,"error":0},"keyphraseLength":{"score":9,"maxScore":9,"error":0,"length":1},"keyphraseInURL":{"score":5,"maxScore":5,"error":0},"keyphraseInIntroduction":{"score":9,"maxScore":9,"error":0},"keyphraseInSubHeadings":{"score":9,"maxScore":9,"error":0},"keyphraseInImageAlt":{"score":3,"maxScore":9,"error":1},"keywordDensity":{"type":"high","score":0,"maxScore":9,"error":1}}},"additional":[{"keyphrase":"MemberPress App","score":40,"analysis":{"keyphraseInDescription":{"score":3,"maxScore":9,"error":1},"keyphraseLength":{"score":9,"maxScore":9,"error":0,"length":2},"keyphraseInIntroduction":{"score":3,"maxScore":9,"error":1},"keyphraseInImageAlt":{"score":3,"maxScore":9,"error":1},"keywordDensity":{"score":0,"type":"low","maxScore":9,"error":1}}}]},"primary_term":null,"canonical_url":null,"og_title":"#post_title","og_description":"#post_excerpt","og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":"#post_title","twitter_description":"#post_excerpt","schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"Article","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","local_seo":null,"seo_analyzer_scan_date":"2026-02-11 09:39:18","breadcrumb_settings":null,"limit_modified_date":false,"reviewed_by":"0","open_ai":null,"ai":{"faqs":[],"keyPoints":[],"titles":[],"descriptions":[],"socialPosts":{"email":[],"linkedin":[],"twitter":[],"facebook":[],"instagram":[]}},"created":"2025-12-09 11:39:09","updated":"2026-03-03 14:48:50"},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t<a href=\"https:\/\/memberpress.com\/pt\" title=\"Home\">Home<\/a>\n<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t<a href=\"https:\/\/memberpress.com\/pt\/doc-categories\/app\/\" title=\"MemberPress AppKit\">MemberPress AppKit<\/a>\n<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t<a href=\"https:\/\/memberpress.com\/pt\/doc-categories\/app-content\/\" title=\"AppKit Content\">AppKit Content<\/a>\n<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\tConfiguring App Colors in MemberPress AppKit\n<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/memberpress.com\/pt"},{"label":"MemberPress AppKit","link":"https:\/\/memberpress.com\/pt\/doc-categories\/app\/"},{"label":"AppKit Content","link":"https:\/\/memberpress.com\/pt\/doc-categories\/app-content\/"},{"label":"Configuring App Colors in MemberPress AppKit","link":"https:\/\/memberpress.com\/pt\/docs\/configuring-app-colors-in-memberpress-app\/"}],"_links":{"self":[{"href":"https:\/\/memberpress.com\/pt\/wp-json\/wp\/v2\/ht-kb\/77080","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/memberpress.com\/pt\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/memberpress.com\/pt\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/memberpress.com\/pt\/wp-json\/wp\/v2\/users\/86440"}],"replies":[{"embeddable":true,"href":"https:\/\/memberpress.com\/pt\/wp-json\/wp\/v2\/comments?post=77080"}],"version-history":[{"count":6,"href":"https:\/\/memberpress.com\/pt\/wp-json\/wp\/v2\/ht-kb\/77080\/revisions"}],"predecessor-version":[{"id":79107,"href":"https:\/\/memberpress.com\/pt\/wp-json\/wp\/v2\/ht-kb\/77080\/revisions\/79107"}],"wp:attachment":[{"href":"https:\/\/memberpress.com\/pt\/wp-json\/wp\/v2\/media?parent=77080"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/memberpress.com\/pt\/wp-json\/wp\/v2\/ht-kb-category?post=77080"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/memberpress.com\/pt\/wp-json\/wp\/v2\/ht-kb-tag?post=77080"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}