Flowera CMS
Introdução
O Flowera CMS é o produto onde o conteúdo das nossas plataformas é escrito, classificado e publicado. Ele guarda questões, provas e flashcards como registros — com banca, instituição, ano, classificação, versão e campos próprios —, e cada cliente opera dentro da sua própria instância. A promessa está escrita na tela de entrada: conteúdo estruturado para escalar.
- Ano
- 2026
- Indústria
- EducaçãoSaaS
- Serviço
- Produto próprioDesign SystemEngenharia
- Solução
- CMS educacional
O cenário
Antes da plataforma existir, alguém precisa escrever a questão.
Enunciado, alternativas, gabarito, imagem, classificação por banca, instituição, cargo e ano — e depois a mesma questão dentro de uma prova, de uma pasta e de um PDF. É trabalho de edição, feito todo dia, por várias mãos, e é ele que sustenta banco de questões, simulado e flashcard do outro lado.
O Flowera CMS é onde esse trabalho acontece. É o CMS que alimenta o ecossistema de plataformas que construímos e, por ser produto da casa, cada cliente recebe a própria instância: um espaço de trabalho com o seu acervo, o seu plano e os seus membros.
A tese está na tela de entrada do produto — conteúdo estruturado para escalar. Estruturado é a palavra que carrega o peso. Uma questão aqui não é texto solto: é um registro com tipo, status, classificações, campos customizados, histórico de versões e um identificador que a plataforma do aluno consegue buscar.
Style Guide
Geist
Font Family
Geist desenha a interface inteira, do rótulo em caixa alta do painel ao título de 48px e ao enunciado dentro do editor. É uma grotesca neutra de traço uniforme, com terminais cortados na horizontal e um 'a' que fecha reto no baseline — um desenho que não chama atenção para si. Numa ferramenta de edição isso é requisito, não gosto: quem passa a tarde digitando enunciado e alternativa precisa enxergar o próprio texto, não a fonte. E como o mesmo parágrafo aparece duas vezes na tela, no campo e no preview, ela ainda tem de se comportar igual nos dois tamanhos e nos dois temas.
Regular
Medium
SemiBold
Bold
Vercel
Design by Vercel e Basement Studio
0 1 2 3 4 5 6 7 8 9 ! @ # $ % & * ( ) - = +
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
Paleta de cores
As cores do produto, do fundo ao estado de erro. Cada amostra traz a escala derivada que a interface usa em superfícies, bordas e texto.
- PrimáriaRoxo Flowera#8229FF
- Superfície escuraÔnix#09080C
- Superfície claraPapel#FCFCFD
- RealceLavanda#EDE2FE
- EstadoVerde de resolvido#00C950
Desafios
O que a ferramenta precisava resolver
- Escrever e conferir ao mesmo tempo: o enunciado é digitado à esquerda e aparece à direita já renderizado, com as alternativas na ordem e a correta marcada.
- Tratar a questão como registro, não como texto — tipo, status, banca, instituição, cargo, ano, classificações, campos customizados e versões vivem no mesmo objeto, ao lado do editor.
- Manter um acervo grande navegável: filtro por enunciado, escolha de colunas, alternância entre lista e grade, paginação e um painel de leitura rápida que abre sem sair da tabela.
- Levar a mesma prova para a tela e para o papel. O PDF Builder configura layout, cabeçalho, cores, fontes, marca d'água, gabarito e rodapé, e monta a página ao vivo ao lado dos controles.
- Mostrar o estado do trabalho, não só o conteúdo: cada prova exibe quantas das suas questões já foram comentadas e quantas já foram classificadas.
- Fechar o ciclo com quem estuda — o erro reportado na plataforma vira ticket preso à questão ou ao flashcard que o originou, com setor, tipo de erro e status.
Resultados
Um lugar só para escrever, revisar, publicar e imprimir.
O menu conta o produto inteiro. Em Conteúdo ficam classificações, provas, questões e flashcards; PDF Builder, Suporte e Importar/Exportar entram como extensões; campos e instância ficam em Configurações; integrações, changelog e área administrativa completam a lista. Quem edita não precisa sair da ferramenta para terminar o trabalho.
Cada cliente opera dentro da sua instância. O painel abre com o acervo contado — questões, flashcards, provas e membros — contra o limite do plano, com atalhos para criar o próximo item e a estrutura de bancas, instituições, classificações e campos customizados logo abaixo. O seletor no topo troca de espaço de trabalho sem trocar de sistema.
O produto está em Early Access e evolui à vista: changelog no menu, recursos marcados como em breve na própria interface, tema claro e escuro atravessando todas as telas. É a nossa ferramenta e o nosso produto ao mesmo tempo — o que aprendemos usando volta para dentro dela.
