Education One — Design System & Style Guide

Documentação oficial do template comercial desenvolvido pela CRIASITE.

Voltar ao Website

1. Cores e Tokens Primários

Primary
#0B5D6E
Primary Dark
#084855
Primary Light
#147A8F
Accent
#F26B21
Accent Dark
#D9560E
Accent Light
#F58746
Bg Main
#F7FAF9
Bg White
#FFFFFF

2. Escala Tipográfica

Heading 1 (2.8rem / Bold)

Heading 2 (2.2rem / Bold)

Heading 3 (1.5rem / Bold)

Heading 4 (1.2rem / SemiBold)

Texto de corpo (1rem / Regular). O Education One utiliza font-stacks otimizadas com suporte para Poppins, Inter, Montserrat e Manrope.

3. Componentes de Botão

4. Badges & Indicadores

Badge Hero Premium
Mais Popular Centro de Estudos

5. Cartões & Containers

Cartão de Destaque

Exemplo de container com hover elevado e raio uniforme de bordos.

Cartão de Garantia

Exemplo de cartão com transição suave e ícone em destaque.

6. Elementos de Formulário