O estúdio DoctorFit Uberaba — onde a marca vive fora da tela.
Este é o headline real da landing page — e também a melhor definição do que a marca DoctorFit Uberaba é: direta, técnica e orientada a resultado, não a matrícula. Este manual documenta o sistema visual e verbal exatamente como ele está implementado em produção, para que qualquer peça nova — impressa, digital ou institucional — nasça consistente com o que já existe.
A DoctorFit Uberaba não vende matrícula — vende a garantia de que o treino que você paga é o treino que você usa. Não é uma academia com máquinas em fila: é um estúdio de treinamento personalizado, com respaldo médico e limite rígido de alunos por professor. A marca fala de resultado antes de falar de preço.
Treino desenhado e supervisionado — não uma rotina genérica de academia. A metodologia é desenvolvida por médicos e personal trainers, o que sustenta o discurso técnico da marca.
O limite de alunos por sessão é o principal argumento de prova da marca — repetido no hero, no rodapé e em toda peça de conversão. Não é adjetivo, é número.
O gancho da própria home ataca o problema real do setor: pagar e não usar. A DOCTORFIT se posiciona pelo oposto — frequência que vira resultado percebido, sessões de 45 minutos objetivos.
"Já pagou para treinar 3x/semana e foi apenas 1x no mês? Na DOCTORFIT é diferente." — a marca sempre pergunta antes de vender. É o mesmo princípio usado no NPS dos alunos e nos critérios de carreira da equipe: prova antes de promessa.
Estes valores não são uma proposta — são o CSS real (src/index.css) que já está em produção na landing page. Manter a disciplina de apenas quatro tons é o que faz qualquer peça nova — impressa ou digital — parecer imediatamente DoctorFit.
A base de todo fundo escuro do sistema — Hero, seções de conversão, rodapé. Onde a marca fala com mais autoridade.
Cor exclusiva de botão primário, destaque de palavra e ícone. Texto sobre lima é sempre preto puro (#000) — o maior contraste possível.
Base das seções claras (Diferenciais, Zebu Run) — o contraponto de respiro entre os blocos escuros, criando o ritmo alternado da página.
Cinza-claro é texto secundário sobre fundo escuro. Cinza-escuro é borda, card e input — a estrutura que nunca disputa atenção com o lima.
Dentro de qualquer composição — um card, uma seção, um e-mail — essa é a proporção alvo. Na prática, a landing page manifesta essa disciplina alternando seções de fundo escuro e claro como ritmo de leitura, com o lima aparecendo só no ponto de ação: botão, palavra em destaque, ícone.
Cores de suporte (uso editorial)
Confirmações, deltas positivos, evolução de critério.
Premiação, destaque de nível, notas de atenção positiva.
Urgência real, estado crítico — nunca decorativo.
Dois papéis, sem exceção: Montserrat para impacto, Roboto para leitura. A regra de caixa alta em título não é escolha de peça — está no CSS global do site (h1–h6), então todo título nasce maiúsculo automaticamente.
Usada em headlines de hero, títulos de seção, botões e números de destaque. Sempre caixa alta — imposto globalmente pelo CSS, nunca manual.
Para descrições de programa, formulários, legendas e qualquer leitura longa. Nunca caixa alta — quebraria a hierarquia com os títulos.
A marca é um logotipo desenhado, não uma composição tipográfica: "DOCTOR" em traço pincelado, e "FIT" fundido a um pictograma de três figuras humanas em movimento — sempre em lima, nas duas versões oficiais. O que muda entre elas é só a cor de "DOCTOR": branco sobre fundo escuro, carvão sobre fundo claro. Nunca recompor as letras fora da arte oficial.
Área de proteção: mantenha ao redor do logotipo um respiro mínimo equivalente à altura das figuras humanas do pictograma. Nunca encoste textos, bordas ou outros elementos dentro dessa margem, nunca separe "FIT" do pictograma, e nunca recolorir as figuras para outra cor além do lima.
Ponto de atenção
O rodapé do site hoje escreve "DOCTORFIT" em texto solto (Footer.tsx), colorindo "DOCTOR" em lima — o inverso da arte oficial, onde o lima está no "FIT" e no pictograma. Vale decidir: ajustar o rodapé para não colorir "DOCTOR", ou manter esse texto solto como variante tipográfica autorizada só para contextos sem espaço pra imagem (rodapé, metadados, texto corrido).
Disciplina, não criatividade. É isso que faz a marca ser reconhecida na mesma fração de segundo em qualquer peça — impressa, digital ou institucional.
Direta, técnica e presente. A marca pergunta antes de vender, prova com número antes de usar adjetivo, e nunca grita em maiúscula com exclamação — isso é o Roboto do corpo do texto fazendo seu trabalho: nunca caixa alta, nunca hype.
Pergunta primeiro, resposta depois — o gancho é sempre uma dúvida real do aluno. Prova concreta antes de adjetivo (3 alunos por professor, não "turma reduzida"). Verbo no presente, voz ativa. Nunca "academia" — sempre "estúdio". "DOCTORFIT" uma palavra só, em qualquer contexto.
Demonstração da hierarquia real: fundo preto, respiro tipográfico e um único ponto de lima guiando o olho até o botão — exatamente como está no ar hoje em doctorfituberaba.lovable.app.
Resultados reais com apenas 3 alunos por professor/instrutor.
Quero Minha Aula ExperimentalExtraídos direto de tailwind.config.ts e index.css — use estes valores em qualquer peça nova para garantir consistência pixel a pixel com o site em produção.
Padrão de cards e botões — cantos suaves, nunca vivos.
Lima exclusivo para ação primária — nunca outra cor no botão principal.
Preto puro sobre lima — o contraste máximo do sistema.
Montserrat Black para hero e headlines de alto impacto.
Corpo confortável em Roboto — acessível em qualquer dispositivo.
Botão de ação cresce 5% e ganha brilho ao passar o mouse.
Sombra lima a 30% de opacidade atrás do botão principal do hero.
Fundo escuro e claro se alternam a cada seção — o respiro visual da página.
Este manual não é um arquivo estático — reflete o CSS e os componentes reais do site em produção. Qualquer atualização de cor, tipografia ou componente na landing page deve ser refletida aqui na próxima revisão.