Mudar as cores, as fontes e o layout do estúdio

O que o tema muda

O tema define como os alunos veem o seu estúdio: a agenda, as páginas de reserva, as reservas dentro do seu site, os e-mails, e o pagamento e os recibos do Stripe, onde o Stripe permite. A administração mantém o próprio visual.

Tema e layouts estão em todos os planos, inclusive no Free. O dono do estúdio e os administradores abrem o Tema: abra Configurações (a engrenagem no pé do menu) e, em O que os alunos veem, toque em Tema.

Editar o tema

1. Abra Tema, em Configurações.
2. Em Cores, escolha um Conjunto de cores (Claro ou Escuro) e defina cada cor: Página, Cartões, Texto, Botões e links, Texto dos botões, Destaque e as demais. Defina os dois conjuntos.
3. Em Os alunos veem, escolha Igual ao aparelho, Sempre claro ou Sempre escuro.
4. Em Tipografia, escolha as fontes de Títulos e Texto, depois o Tamanho do texto e o Peso dos títulos. No Growth em diante, Fontes próprias deixa você enviar uma fonte que tem licença para usar.
5. Em Forma e espaçamento, escolha Cantos, Botões (Preenchido, Suave, Contorno ou Pílula) e Espaçamento.
6. Em Layouts, escolha como a Agenda aparece: Lista por dia ou Grade da semana. Outros layouts chegam depois.
7. Acompanhe a Prévia no Celular e no Computador, e alterne entre Agenda e Preços. É a página real dos seus alunos com as suas mudanças, no claro e no escuro; links e botões não funcionam ali. Toque em Salvar rascunho para guardar o trabalho.

Fontes

Títulos define a fonte dos títulos, como o nome das aulas. Texto define a fonte de todo o resto que os alunos leem. Cada um tem um seletor de fontes, agrupado por estilo, com cada nome escrito na própria fonte, e os dois oferecem a mesma lista completa:

• Fonte do aparelho: a fonte do próprio celular ou computador.
• Suaves e acolhedoras: Fraunces, Caprasimo, Young Serif e Corben.
• Títulos elegantes: Playfair Display, Instrument Serif, Cormorant Garamond, DM Serif Display e Marcellus.
• Com serifa: Lora, EB Garamond, Source Serif 4, Crimson Pro e Literata.
• Sem serifa: Inter, Poppins, DM Sans, Manrope, Archivo, Jost, Outfit, Figtree, Plus Jakarta Sans, Work Sans, Raleway, Josefin Sans, Mulish e Karla.
• Arredondadas: Nunito, Quicksand, Comfortaa e Varela Round.

São 32 fontes, todas com licença aberta e servidas pelo próprio elastudio, então o aparelho dos alunos nunca baixa as fontes de outra empresa. Suaves e acolhedoras e Títulos elegantes ficam melhores em tamanhos grandes, então para o texto uma fonte simples e clara costuma funcionar melhor. Algumas fontes têm um peso só, então o Peso dos títulos fica dentro do que a fonte oferece. O exemplo embaixo dos seletores mostra a sua escolha.

A Roca One não está na lista: a licença dela vale para um site só, então não dá para oferecer a todos os estúdios. A Fraunces, no estilo suave, é a mais parecida. Se o seu estúdio tem uma licença própria para web da Roca One ou de outra fonte, dá para enviar a fonte no plano Growth em diante: veja “Usar a sua própria fonte”.

Colocar o logo e os ícones

1. No Tema, abra Logo e ícones.
2. Toque em Enviar ao lado de Logo para fundo claro, Logo para fundo escuro, Ícone do navegador e da tela inicial ou Imagem para links compartilhados. Substituir troca o arquivo e Remover tira.
3. Toque em Salvar rascunho e publique. Os alunos só veem os arquivos novos depois disso.

• Logos: PNG, JPEG ou WebP, até 2 MB. SVG não é aceito. De preferência largo, com cerca de 400 por 120 pixels.
• Ícone: um PNG quadrado de pelo menos 512 por 512 pixels. Sem ele, os alunos veem as iniciais do estúdio.
• Imagem para links compartilhados: PNG, JPEG ou WebP, com cerca de 1200 por 630 pixels, até 5 MB.

Publicar

1. Confira a Leitura. Todo par de texto e fundo precisa ser fácil de ler no claro e no escuro. Se não for, a publicação fica bloqueada e o par aparece para você corrigir.
2. Toque em Publicar, escreva uma Nota para o histórico se quiser e confirme.

Os alunos veem o novo visual ao abrir a página de novo, inclusive no seu site.

Voltar uma versão

No Histórico, toque em Voltar a esta numa versão anterior. A versão atual fica no histórico e o seu rascunho é mantido. Só o dono do estúdio pode voltar uma versão.

Sua marca em tudo

Os alunos veem o nome, as cores e o logo do estúdio em todas as páginas e e-mails. O elastudio aparece só numa linha pequena, “feito com elastudio”. A sua marca nas páginas, e-mails e recibos está em todos os planos, inclusive no Free.