Design System

Tipografia

A identidade tipográfica do MEU RESTART é composta por três fontes principais, cada uma com uma função clara: títulos, textos e detalhes/avisos.

Lora

Títulos e chamadas principais

Transmite personalidade, confiança e equilíbrio entre o humano e o sofisticado.

SerifadaEleganteHumana

Fallback: Times New Roman

Lora - Títulos

Inter

Textos e subtítulos

É moderna, limpa e otimizada para leitura digital, garantindo conforto visual.

Sans-serifLegívelModerna

Fallback: Arial

Inter - Textos

INTER BOLD

Avisos, botões e etiquetas

Visual firme, direto e de alta legibilidade, ideal para mensagens curtas.

Caixa AltaNegritoDireto

Fallback: Arial Bold (CAIXA ALTA)

Inter - Detalhes

Hierarquia Tipográfica

Fonte de Títulos

Display

Meu Restart Display

Lora / 72px / 600 / line-height 1.05

Heading 1

Meu Restart Heading 1

Lora / 56px / 600 / line-height 1.08

Heading 2

Meu Restart Heading 2

Lora / 44px / 600 / line-height 1.12

Heading 3

Meu Restart Heading 3

Lora / 32px / 600 / line-height 1.2

Fonte de Texto

Subtitle

Para subtítulos e frases de apoio importantes

Inter / 24px / 500 / line-height 1.4

Body Large

Texto maior para seções explicativas, introduções e blocos de destaque

Inter / 20px / 400 / line-height 1.6

Body

Texto padrão para páginas, descrições, aulas, explicações e conteúdos principais

Inter / 17px / 400 / line-height 1.6

Body Small

Texto auxiliar, observações, descrições curtas e informações secundárias

Inter / 15px / 400 / line-height 1.5

Caption

Legendas, notas pequenas e metadados

Inter / 13px / 500 / line-height 1.4

Button/CTA

Button

Botão de Ação

Inter / 16px / 700 / line-height 1

Orientações de Uso

  • Use Lora para títulos e momentos de destaque emocional
  • Use Inter para textos longos, garantindo boa legibilidade
  • Use Inter Bold em caixa alta apenas para avisos, botões e informações técnicas
  • Mantenha sempre um bom contraste entre texto e fundo