Design decide o aspeto da sua plataforma: o logótipo, as cores, o tipo de letra e o sítio onde fica a navegação. Uma plataforma com a sua própria marca parece o seu produto e não uma ferramenta alugada, e os membros reconhecem-na à primeira vista.
Abrir as configurações de design
Para guardar alterações aqui, a função precisa de Gerenciar design da plataforma além do acesso às Configurações. O proprietário e o administrador têm ambas. O separador Comunidade é a exceção, ver abaixo.
Os separadores
Design divide-se em Marca, Esquema, Login & Registro, Tela de carregamento, Comunidade, Cursos e Player de vídeo. Os dois primeiros moldam toda a plataforma; os outros dão estilo a uma área cada um.
Logótipo e favicon
Em Marca, Logo e Favicon recebem cada um duas imagens: uma para o Modo claro e outra para o Modo escuro. Clique num mosaico para escolher uma imagem da sua biblioteca de multimédia.
- O logótipo funciona melhor em SVG ou PNG na proporção 5:1, idealmente 1000 x 200 px.
- O favicon funciona melhor em SVG ou PNG na proporção 1:1, idealmente 512 x 512 px.
O favicon é o pequeno ícone no separador do navegador e o símbolo no ecrã de carregamento. O logótipo do Modo claro é também o logótipo dos e-mails do sistema, até definir um logótipo separado para eles.
Cores para os modos claro e escuro
Cor tem quatro cores para cada modo: Primário, Texto, Destaque e Fundo. Cada uma é um valor hexadecimal de seis dígitos, como #0084FF.
Ao alterar a cor primária, uma sugestão oferece Ajustar o fundo à sua cor primária. Aplicar acrescenta 2% da cor primária ao fundo da página, que fica assim com um leve tom da sua marca. Fechar mantém o fundo como está.
Porque contam as duas paletas
Cada pessoa alterna entre claro e escuro por conta própria, com Modo escuro no menu da sua conta. As contas novas começam no modo claro. Não é possível escolher o modo pelos membros, por isso verifique se o logótipo, o texto e o fundo se leem bem em ambos. O botão Modo claro/escuro por cima da pré-visualização alterna-o enquanto trabalha.
Tipo de letra e avatares
Tipografia define uma família de tipo de letra para toda a plataforma. Buscar fontes filtra a lista, e cada entrada mostra uma linha de exemplo nesse tipo de letra. De origem, a plataforma usa Roboto.
Member Avatars (avatares dos membros) escolhe a forma das fotografias de perfil em todo o lado: Redondo ou Quadrado.
Esquema
Esquema controla a moldura à volta de cada página.
- Posição da navegação: Barra lateral (esquerda) é o menu vertical clássico, Barra superior coloca o menu no topo com o conteúdo a toda a largura, e Principais combinados mostra uma barra meta no topo com o menu principal como mega menu por baixo.
- Barra lateral só aparece com Barra lateral (esquerda) e oferece Claro, Escuro, Vidro e Destaque.
- Cabeçalho é Animado, uma faixa colorida com formas que se deslocam devagar, ou Parado, uma barra simples sobre o fundo da página.
- Estilo do cartão define quanto os cartões se destacam do fundo: Fixo, Padrão ou Elevado.
- Cantos arredonda botões e caixas em cinco passos, de Nenhum a Redondo.
- Tonalidade de vidro e Glass Blur (desfoque do vidro) controlam as superfícies de vidro fosco, como cabeçalhos, painéis deslizantes e listas pendentes: quão opacas são e quanto desfocam o que está por trás.
Uma plataforma nova começa com Barra lateral (esquerda), uma barra lateral Claro, um cabeçalho Animado, cartões Fixo e cantos Médio.
Pré-visualizar, repor e guardar
A Prévia ao lado de Marca e Esquema mostra uma página de exemplo com as escolhas atuais antes de guardar. Alterne entre Computador e Celular, mude o Modo claro/escuro ou abra-a em Tela cheia.
Assim que uma secção difere do padrão, mostra Redefinir. Confirmar com Redefinir na caixa de diálogo Restaurar padrão repõe essa secção nos valores padrão do formulário. Nada é guardado até guardar.
Guarde com Salvar na barra em baixo. As novas cores, o tipo de letra e os cantos aplicam-se de imediato, sem recarregar a página.
Página de login e ecrã de carregamento
Login & Registro dá estilo às páginas que as pessoas veem antes de entrar. Escolha um esquema, Cartão ou Tela dividida, um Estilo do cartão e o Tipo de logotipo: Logo, Favicon ou Nenhum. As imagens de fundo e os textos definem-se por página no mesmo separador.
Tela de carregamento define a animação mostrada enquanto a plataforma carrega. Em Estilo de carregamento escolhe um de seis: Aurora, Pulso, Blocos, Skeleton, Anel e Constelação. Aurora é o padrão, e Repetir na pré-visualização volta a reproduzir a escolha.
Defina o favicon antes de escolher um estilo de carregamento. Cada estilo constrói a animação à volta dele.
Comunidade, cursos e o player de vídeo
Os três últimos separadores dão estilo a uma área cada um. Comunidade e Cursos definem o Layout do cabeçalho dessas páginas juntamente com as Configurações do cabeçalho do design escolhido. O separador Comunidade só guarda enquanto a Comunidade estiver ativada em Configurações > Funcionalidades, e exige Gerenciar configurações da comunidade em vez de Gerenciar design da plataforma. Player de vídeo abrange a Disposição da barra de controles, os cantos Arredondado, o Fundo dos controles e os Extras do player de todos os vídeos da plataforma.