Guia de identidade visual
Paleta de cores oficial
| Cor | Código Hexadecimal |
|---|---|
| Preto Azulado | #071013 |
| Laranja Vibrante | #F77B20 |
| Rosa Antigo | #B7999C |
| Cinza Claro | #AAAAAA |
| Cinza Muito Claro | #DFE0E2 |
Tipografia
Hierarquia Tipográfica
| Elemento | Fonte | Peso | Tamanho | Line-Height | Letter-Spacing |
|---|---|---|---|---|---|
| H1 (Título Principal) | Cinzel | SemiBold | 48px | 56px | 0px |
| H2 (Seção/Canal) | Cinzel | Regular | 36px | 44px | 0px |
| H3 (Subseção/Legenda) | Cinzel | Regular | 28px | 36px | 0px |
| H4 (Título Menor) | Cinzel | Regular | 24px | 32px | 0px |
| Body (Mensagens de Chat) | Roboto | Regular | 16px | 24px | 0.5px |
| Label/Formulário/Metadados | Roboto | Medium | 14px | 20px | 0.25px |
| Botões (Texto) | Roboto | Medium | 14px | 20px | 0.5px |
| Botões (CTA Principal) | Cinzel | SemiBold | 16px | 24px | 0px |
Exemplo Visual
Título Épico
Seção de Aventura
Subseção Explicativa
Título Menos épico
Uma mensagem no chat
Label informativa
Clique Aqui!
Por favor clique aqui!
Aplicações em Componentes
Mensagens de Usuário
- Fonte: Roboto Regular 16px/24px
- Uso: Texto principal em balões de chat.
Nomes de Usuário e Tags
- Fonte: Cinzel SemiBold 18px/24px
- Uso: Destaque do autor da mensagem.
Mensagens de Sistema e Alertas
- Fonte: Cinzel Regular 18px/24px
- Uso: Notificações e avisos, com cor de alerta (ex.: laranja vibrante).
Inputs e Placeholders
- Fonte: Roboto Light Italic 16px/24px
- Uso: Campos de entrada e dicas.
Botões
- Texto padrão (Botões Secundários): Roboto Medium 14px/20px; fundo neutro; hover em tom secundário.
- Botões principais (CTA): Cinzel SemiBold 16px/24px; fundo com cor de destaque (ex.: laranja vibrante); transição suave de 0.2s.
Logotipo
O logotipo do EasyCrit foi escolhido com base em um conceito que une o universo do RPG com uma identidade moderna e marcante.
O símbolo principal é um dado de RPG (d20) estilizado ao fundo, representando sorte, estratégia e aventura, elementos centrais ao projeto.
A tipografia personalizada do nome "EasyCrit" combina uma estética clássica e elegante, transmitindo confiança e criatividade, elementos importantes para a experiência de jogo que a plataforma propõe.
As variações de fundo incluem:
- Fundo branco com logotipo preto.
- Fundo laranja (
#F77B20) com logotipo branco. - Fundo preto (
#071013) com logotipo branco ou laranja.
Estilo Visual
O estilo visual do EasyCrit é inspirado nos seguintes conceitos:
- Minimalismo Geométrico: uso de formas simples e padrões geométricos.
- Cores contrastantes: preto, laranja, branco e cinzas para destacar elementos importantes e criar um visual moderno.
- Tipografia de impacto: títulos com presença forte e fontes legíveis para o texto corrido.
- Estética Dinâmica: ideal para um ambiente de RPG, equilibrando seriedade e diversão.