Documentação interna

Sistema de Design

Tokens, tipografia e componentes extraídos do site do fonUFAL, reunidos em um sistema único e documentado para manter consistência entre páginas futuras.

Identidade

O símbolo oficial da marca fonUFAL é uma onda sonora em barras cinza, com um acento vermelho e um acento azul — reproduzido aqui a partir da geometria exata de marca-fonUFAL.ai e da identidade-visual-fonUFAL.pdf. Esse motivo foi estendido ao sistema como o elemento gráfico assinatura do grupo — um lembrete visual constante de que o objeto de estudo é o som da fala.

Cor

--fon-red

Vermelho fonUFAL

Cor oficial (#C4161C) — ênfase, links ativos, estado "em andamento"

--fon-blue

Azul fonUFAL

Cor oficial (#005E9E) — links, acentos secundários, callouts

--fon-gray

Cinza fonUFAL

Cor oficial (#939598) — barras neutras do símbolo da marca

--ink

Texto principal

Títulos e corpo de texto

--muted

Texto secundário

Metadados, legendas

--bg

Fundo

Fundo de página

--bg-soft

Fundo suave

Seções alternadas, footer

--border

Borda

Divisores, contornos de card

Tipografia

Par editorial: Newsreader (serifada, títulos) + Inter (texto corrido, interface) + JetBrains Mono (rótulos, metadados — um aceno à precisão da transcrição fonética).

Aa — Estudos em Fonética

Aa — Prosódia e discurso

Aa — corpo de texto em Inter, para leitura confortável em parágrafos longos.

AA · RÓTULO EM JETBRAINS MONO

Componentes

Badges de status

Em andamento Em avaliação Proposta

Exemplo

Card padrão

Usado para projetos, publicações e notícias — mesma estrutura, conteúdo variável.

Callout

Usado para avisos institucionais e notas de migração de conteúdo.

Ficha de pessoa (usada em /team)

Espaçamento & forma

Escala de 8px (--space-1 a --space-9), raios de 8/14/22px e sombras em três níveis para elevação consistente entre cards, menus e overlays.

Downloads

Arquivos oficiais da marca, para uso em materiais do grupo.

PDF

Identidade Visual

Manual com paleta de cores, símbolo e assinaturas oficiais da marca fonUFAL.

Baixar PDF →

ZIP

Pack de templates fonUFAL

Modelos oficiais de documentos, apresentações e pôsteres científicos, com versões para Microsoft Office e LibreOffice, além de guia de uso, logos e outros assets da identidade visual.

Baixar pack →