Identidade visual
Manual da marca
Esta página é gerada pelo próprio código do site. O que estiver aqui é o que está em produção — não é um PDF que envelhece separado do produto.
O símbolo
Cinco elementos empilhados, nesta ordem: escudo (proteção), cruz (medicina), batimento (vida), capelo (educação) e a estrada (a jornada). É vetor próprio — nítido do favicon de 16px ao herói em tela cheia, sem arquivo de imagem no meio.
Símbolo
Monocromático
Sobre escuro
Reduzido (32px)
Assinatura horizontal
Assinatura invertida
Área de respiro mínima em volta do escudo: metade da altura dele. Em tamanhos abaixo de 24px, use a versão do favicon — capelo e estrada viram sujeira nessa escala.
Baixar os arquivos
SVG — escala sem perder qualidade, serve de post de Instagram a fachada. Qualquer editor abre.
Cores
Cinco cores, cada uma com um trabalho. A regra que mais importa não é qual cor usar, é a proporção: a página é branca com marinho, e o verde aparece pouco — só onde há uma ação a tomar.
Marinho
#0D2B45
var(--vyra-marinho)
Base da marca. Texto, superfícies escuras, barra lateral do painel.
Petróleo
#0FA3A3
var(--vyra-petroleo)
Apoio. Links, dados, estados informativos, palavra em destaque no título.
Verde médico
#17B26A
var(--vyra-verde)
Ação. Só em botão principal, progresso e acerto — nunca em decoração.
Branco
#FFFFFF
var(--vyra-branco)
Fundo predominante. A marca é clara, não escura.
Chumbo
#2B2F33
var(--vyra-chumbo)
Texto corrido e estrutura, onde o marinho pesaria demais.
Proporção de uso
Aproximadamente 60% branco · 25% marinho · 9% petróleo · 6% verde. Quando o verde passa de 10% da tela, ele para de significar "clique aqui".
Tipografia
Poppins em toda a marca, carregada por next/font — sem requisição a servidor de terceiro, sem salto de layout. O contraste vem do peso e do tamanho, não de misturar famílias.
Medicina no Paraguai
Quatro peças que conversam
Banco de questões
Material escrito para o currículo que você cursa de verdade.
Sem spam. Só o aviso de abertura de turma.
A plataforma
Componentes
Botões
Sempre pílula. Rótulo na primeira pessoa quando for conversão: "Quero minha vaga", não "Enviar".
Etiquetas de estado
Fundo a 12–15% de opacidade, borda a 25–35%, texto na versão escura da cor. Nunca cor sólida com texto branco em etiqueta pequena.
Superfícies
Uma peça se separa do que está atrás por elevação, nunca por transparência. Placa branca sobre o chão cinza, sombra difusa e larga, borda quase invisível. É o mesmo material na landing e no painel — e é o que permite uma tela nova nascer parecida com o resto sem ninguém decidir nada.
.vyra-placa
Repousa
Cartão, linha de tabela, campo. Está na página, não sobre ela.
+ .vyra-eleva-2
Flutua
Barra de navegação, pílula do formulário, menu aberto. Passa por cima do conteúdo enquanto a pessoa rola.
+ .vyra-eleva-3
Interrompe
Diálogo e confirmação. Para o resto da tela até ser resolvido.
Chão da página — --vyra-chao
.vyra-placa-escura — para bloco invertido
O vidro não morreu — virou caso específico. .vyra-cristal continua sendo a resposta certa para peça que flutua direto sobre uma cena, onde o que passa por baixo é o argumento. Em fundo liso ele não tem o que borrar e vira uma peça suja — foi por isso que deixou de ser o padrão.
Vidro sobre cena — certo
Vidro sobre fundo liso — errado
Regras
Faça
- Cor sai sempre de token (--vyra-* ou semântico). Nunca hex dentro de componente.
- Verde só para ação. Se tudo é verde, nada é ação.
- Ícone vem do lucide-react, traço 1.6–1.8, tamanho 16 ou 20.
- Poppins em três pesos: 300 para contraponto, 500/600 para peso. Nada de 800.
- Espaço generoso entre blocos: 24px dentro, 96px+ entre seções.
- Superfície sai de .vyra-placa ou .vyra-placa-escura, com uma das três elevações.
Não faça
- Emoji em interface. Nunca. Ícone é biblioteca de ícones.
- Gradiente roxo, sombra colorida ou brilho neon — não é desta marca.
- Escudo esticado, rotacionado ou recolorido fora da paleta.
- Texto branco sobre o verde médico em tamanho pequeno: não passa em contraste.
- Número de prova social sem dado apurado atrás.
- Vidro em peça que não tem cena atrás — sem foto por baixo, ele não tem o que borrar.
- Sombra inventada no componente. As três elevações são as que existem.
Voz
Fala com quem já tomou a decisão difícil.
Quem lê a Vyramed já atravessou a fronteira, ou está a um passo disso. Não precisa ser convencido de que medicina no Paraguai é uma escolha válida — precisa de alguém que trate a escolha como feita e resolva o que vem depois.
Realize o sonho de ser médico com a melhor plataforma do mercado!
Os primeiros semestres são os que mais reprovam. Base sólida desde a primeira semana.
Cadastre-se agora e receba novidades
Quero minha vaga