> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://help.membox.io/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # Personalização ### Na seção "Personalização", ajuste a área de membros para alinhar a experiência à identidade da sua marca e às necessidades dos seus alunos. # Editar informações ## ${color}[#000000](Logotipo do seu negócio) Baixe em seu computador a sua logo no tamanho de 350 x 100 pixels. Depois clique em “enviar arquivo” > selecione a imagem > abrir . ## ${color}[#000000](Ícone do seu negócio) Repita os mesmos passos que realizou para inserir sua logo. Seu ícone deve estar no tamanho de 40 x 40 pixels. ## ${color}[#000000](Estilo geral da plataforma de cursos) Essa opção diz respeito a tela de fundo da sua área de membros. A opção “escuro” facilita a leitura a longo prazo e a opção “clara” trará mais claridade para sua página. ![](https://storage.crisp.chat/users/helpdesk/website/-/6/d/2/2/6d22ad5234502000/image_1yvjdv8.png) Já na opção **“Personalizado”**, você encontra uma série de possibilidades para deixar a sua vitrine do jeito que você quer! ### ${color}[#000000](Pré-Visualização) Personalize as cores principais da sua área de membros e crie uma identidade visual única. * Cor de fundo primária * Cor da fonte primária * Cor de fundo secundária * Cor da fonte secundária * Cor dos elementos internos * Cor dos botões * Cor do texto dos botões ## ${color}[#000000](Fonte primária) Escolha a **fonte principal** utilizada nos conteúdos internos da plataforma, garantindo uma leitura agradável e coerente com a sua identidade visual. Imagem de fundo da plataforma) Você também pode adicionar uma imagem de fundo para dar mais personalidade à sua vitrine. Dimensão recomendada: 1920 x 1080 pixels Formatos aceitos: JPG, JPEG ou PNG Dica: utilize uma imagem leve e com boa resolução para não comprometer o carregamento da página. ![](https://storage.crisp.chat/users/helpdesk/website/-/6/d/2/2/6d22ad5234502000/image_1fmq4r3.png) ### ${color}[#000000](Estilo de layout do menu superior (navbar)) Define o comportamento da barra de navegação no topo da página. Quando definida como **fixada**, a navbar permanece sempre visível no topo da tela, mesmo ao rolar a página. Já na opção **não fixada**, a navbar acompanha a rolagem, desaparecendo da visão conforme o usuário desce na página. Essa configuração permite personalizar a experiência de navegação de acordo com a preferência e usabilidade desejada. ## ${color}[#000000](Layout da página de login e recuperação de senha) 1. ***Layout centralizado:*** Oferece uma experiência mais organizada e intuitiva para o cliente. Ele facilita a navegação ao concentrar as informações principais em um único ponto de foco, ajudando os usuários a encontrar rapidamente o que precisam. 2. *Layout para direita:* Permite adicionar uma imagem destacada à esquerda, ideal para promover eventos ou novos cursos. Essa imagem pode ser configurada com um link direto para uma página externa, facilitando o acesso e ampliando a visibilidade das suas novidades. * **Deseja adicionar uma imagem de fundo?:** Se você deseja promover um evento ou curso, este é o espaço para incluir uma imagem de destaque e chamar a atenção do seu público. * **URL de destino da imagem de fundo:** Link para a página de venda ou divulgação do evento ou curso que você está promovendo. * ***Layout para esquerda:*** Uma opção alternativa de visualização que oferece a mesma funcionalidade descrita anteriormente. * **Deseja adicionar uma imagem de fundo?:** Se você deseja promover um evento ou curso, este é o espaço para incluir uma imagem de destaque e chamar a atenção do seu público! * **URL de destino da imagem de fundo:** Link para a página de venda ou divulgação do evento ou curso que você está promovendo. ## ${color}[#000000](Layout da vitrine de cursos) 1. Configuração **com faixa** de boas vindas na parte superior inferior da tela. 2. Configuração **sem faixa** de boas vindas na parte superior inferior da tela. ![](https://storage.crisp.chat/users/helpdesk/website/-/6/d/2/2/6d22ad5234502000/image_1kvr1e9.png) ## ${color}[#000000](Layout da lista de módulos e aulas do curso) 1. Configuração com o vídeo da **aula à esquerda da tela.** 2. Configuração com o vídeo da **aula à direita da tela.** ## ${color}[#000000](Layout da descrição, materiais e comentários das aulas) 1. ***Configuração da tela de aula com visualização organizada em abas:*** descrição, materiais e comentários. Cada aba exibe seu conteúdo específico na página, facilitando a navegação. 2. ***Configuração da tela de aula com visualização em formato de feed (central de conteúdo):*** a descrição, materiais e comentários são exibidos de forma sequencial e contínua. ||| Lembre-se de salvar todas as alterações realizadas antes de sair da página ou migrar para "visualizar área do aluno". --- ## ${color}[#000000](Suporte Membox) Se tiver dúvidas, sugestões ou críticas, entre em contato conosco pelo e-mail [hello@membox.io](mailto:hello@membox.io) ou pelo chat da plataforma. Estamos à disposição para ajudar!