Guia de estilos

Referência visual dos elementos usados neste site: cores, tipografia e componentes. Tudo está definido em css/style.css.

Cores

Cabeçalho
--header-bg
#234740

Destaque
--accent
#c75b21

Destaque escuro
--accent-dark
#8f451a

Texto
--text
#332f27

Texto secundário
--muted
#7f8272

Fundo
--bg
#f7f3ea

Superfície
--surface
#fffdf6

Contorno
--border
#e0d8c4

Palete inspirada no quadro da homepage: verde-azulado do fundo + laranja da camisa.

Tipografia

Família de letra: "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", sans-serif. Tamanho base: 16.5px · Entrelinha: 1.65

Título H1 — 2rem

Título H2 — 1.45rem

Título H3 — 1.2rem

Título H4 — 1.05rem

Etiqueta H5 — small caps

Etiqueta H6 — small caps

Parágrafo de texto normal. O rápido cão castanho salta sobre a preguiça. Inclui ligações em azul que sublinham ao passar o rato.

Código inline · itálico · negrito

Componentes

Hero da homepage

Frase principal com proposta de valor

Subtítulo descritivo centrado, em cinzento secundário.

Ação principal Ação secundária

Blocos de prova (números)

170+sites criados

40+bases de dados

2000+horas de formação

Cartões

Manuais

Programação — descrição curta
Access — descrição curta

Percurso

Formação — descrição curta
Programas — descrição curta

Tabelas

Entidade	Tema	Horas
IEFP Sintra	Programação em C#	50
ISEG	Sistemas de suporte à decisão	30
Universidade Atlântica	Informática Aplicada	40

Listas e citações

Item de lista
Outro item

Primeiro passo
Segundo passo

Citação ou destaque com barra lateral azul.

Sub Exemplo()
    MsgBox "Bloco de código"
End Sub

Navegação

O cabeçalho fixo usa --header-bg (#0f172a), links claros e menus dropdown com fundo --surface e cantos de 10px (--radius). Em ecrãs < 900px o menu colapsa num botão ☰.