Tokens de Design

Identidade visual do Memora Ling — cores, tipografia e espaçamentos.

Gradiente Brand

Memora Ling

linear-gradient(135deg, indigo oklch(0.585 0.233 277), violet oklch(0.606 0.257 303))

Paleta de Cores

primary

Primária (Índigo)

secondary

Secundária

accent

Accent (Violeta)

success

Sucesso (Emerald)

warning

Aviso (Amber)

destructive

Erro (Red)

muted

Muted

background

Background

card

Card

sidebar

Sidebar

Tipografia

font-heading — Plus Jakarta Sans

Aprenda inglês com IA

Seu professor, seu ritmo

Revisão espaçada inteligente

font-sans — Inter

O Memora Ling é uma plataforma web e mobile de aprendizado de idiomas com IA que combina uma jornada de aprendizado completamente personalizada com técnicas comprovadas de memorização.

Revisão espaçada · Pronúncia · Professor IA · Histórias imersivas

font-mono — JetBrains Mono

/həˈloʊ/ · /ˈwɜːld/ · /ˌɪŋɡlɪʃ/

Transcrições fonéticas e código

xsTexto extra pequeno — 12px
smTexto pequeno — 14px
baseTexto base — 16px
lgTexto grande — 18px
xlTexto XL — 20px
2xlTítulo médio — 24px
3xlTítulo — 30px
4xlDisplay — 36px

Border Radius

sm

4.5px

md

6.4px

lg

12px (base)

xl

18px

2xl

24px

full

9999px

Elevação / Sombras

shadow-sm

shadow

shadow-md

shadow-lg

shadow-xl