Quatro temas de loja e um editor de páginas mais forte

Este é um retrospecto escrito sobre 26 de abril a 9 de maio de 2026, publicado em 12 de outubro de 2026. Período abordado: 26 de abril a 9 de maio de 2026. O recurso principal dessas duas semanas são os temas: o visual de uma loja que você pode trocar por inteiro.

Em resumo

• Construímos um sistema de temas e decidimos que a primeira versão sai com quatro: Neo-Brutalism, Botanical, Sketch e Playful Geometry.
• O editor de páginas ganhou uma longa lista de ferramentas: seleção múltipla, rotação, recorte, desfazer e refazer, histórico de versões e um indicador de salvamento honesto.
• A geração de cursos foi refeita para que um curso longo tenha menos chance de travar no meio.

Recurso principal: quatro temas

Um tema define como são os botões, cartões, campos, abas e caixas de diálogo em toda a loja. Antes disso, quem queria outra identidade visual tinha de mudar as coisas seção por seção.

Em 9 de maio tomamos uma decisão de escopo e a escrevemos no código: a primeira versão tem apenas quatro temas.

• Neo-Brutalism: cantos vivos, contornos grossos e sombras duras.
• Botanical: formas suaves e orgânicas, ênfase em itálico e sombras difusas.
• Sketch: fundo com textura de papel, visual desenhado à mão e fontes manuscritas.
• Playful Geometry: o padrão de uma loja nova.

Outros três estilos que vínhamos pesquisando (Claymorphism, Flat Design e Material You) ficaram para uma versão posterior. Preferimos entregar quatro que funcionam a sete que funcionam pela metade.

O que os commits mostram sobre o trabalho dos temas:

• Os blocos básicos, como botões, cartões, selos, campos, abas, caixas de diálogo e painéis laterais, agora leem o visual do tema ativo.
• Uma loja nova começa no Playful Geometry. Foram adicionados um seletor de tema no onboarding, um controle de tema no inspetor e um alternador para a nossa equipe de administração.
• Muitas páginas da vitrine que os compradores veem foram migradas para seguir o tema, em vez de usar estilos fixos.
• O cabeçalho ganhou um controle de elevação: plano, suave, forte ou flutuante.
• Foram adicionadas verificações internas e um orçamento de desempenho por tema. Isso não é algo que você vê, mas é parte do motivo para mantermos o número pequeno.

Não testamos isso com criadores de fora da equipe e não afirmamos nada sobre como as lojas ficam no mundo real.

O que mais construímos

Um editor mais forte. O editor de páginas ganhou ferramentas que você esperaria de um app de design:

• Selecionar vários elementos de uma vez, clicando com uma tecla modificadora ou arrastando uma caixa.
• Agrupar, desagrupar, duplicar uma seção, alinhar e distribuir uniformemente, travar uma camada, ocultar uma camada.
• Girar com uma alça, mover com o teclado, arrastar o divisor de colunas.
• Copiar e colar o estilo de um elemento para outro, e escolher uma cor com um conta-gotas.
• Um menu de clique com o botão direito, uma busca de salto rápido, um minimapa da página e uma caixa de ajuda que lista os atalhos.
• Botões de desfazer e refazer.

Ferramentas de imagem no editor. Recorte, ponto focal para que a parte importante fique à vista, filtros predefinidos, bloqueio de proporção, um selo de tamanho no qual você pode digitar, e arrastar e soltar para trocar uma imagem na página.

Salvamento honesto. O indicador de salvamento agora diz uma de três coisas: Live, Saved as draft ou Saving. Antes, ele dizia "Saved" em casos em que a página ainda não estava visível para os compradores. Se você abrir a mesma página em duas abas, o editor pergunta se você quer assumir o controle ou continuar somente em leitura. Um painel de histórico de salvamentos lista os salvamentos anteriores.

Controles deslizantes no nível da página. Três controles para Motion, Density e Style, mais um selo flutuante que você pode adicionar a uma seção hero e uma predefinição de densidade que vai de compacta a cinematográfica. As seções hero permitem ativar ou desativar elementos individuais.

Formatação de texto. Controles de formatação para cada trecho de texto, aplicados em todo o editor.

Geração de cursos mais confiável. A criação de cursos virou um processo em etapas, com alternativas de reserva, para que uma etapa que falhe não derrube o curso inteiro. As aulas são geradas em paralelo por módulo, e a geração de quizzes é acompanhada na interface enquanto acontece. Veja o gerador de cursos com IA.

Moedas e idiomas. A lista de moedas passou de 135. Os idiomas que ainda não foram traduzidos agora mostram "Coming soon", e o seletor de idioma da vitrine ficou travado no idioma padrão, para que a loja não anuncie idiomas que não consegue atender.

Uso de IA. Uma página de uso nas configurações mostra o que os recursos de IA consomem, até o nível de tokens.

Feedback. O relatório de bug dentro do app agora tira uma captura de tela automaticamente.

O que isso significa para um coach ou uma academia

Se você administra um estúdio ou uma academia de ginástica, o visual da loja deve combinar com a sua marca sem precisar de um designer. O sistema de temas é o primeiro passo: escolha um dos quatro e os botões e cartões o acompanham. Com apenas quatro opções, ele não vai servir para toda marca, e dizemos isso com clareza.

O indicador de salvamento honesto importa mais quando várias pessoas editam um site. Você não será informado de que uma página está no ar quando ela não está. As mudanças no editor interessam principalmente a quem monta as páginas; se você só dá aulas, pode ignorá-las.

O que vem a seguir

A quinzena seguinte, de 10 a 23 de maio, seguiu diretamente o tema do salvamento: rascunhos separados da página publicada, com histórico de versões. Também começamos as landing pages e as avaliações. Os planos e o que cada um inclui estão na página de preços.

Quer conversar? Sou um dos cofundadores da PersonaCart. Se você tem uma dúvida, uma ideia ou algo que gostaria que construíssemos, escreva diretamente para mim: [email protected].

Vinod Morya, Co-founder, PersonaCart