# Personalización visual: paletas e tipografías

Os nomes son opcións que o docente pode pedir para o material de saída; non cambian a web de documentación. Sen petición expresa conserva o modelo institucional e a tipografía Sistema. A identidade do centro achegada ten prioridade. A selección mantense nos materiais da mesma tarefa ata que se solicite outra.

## Paletas dispoñibles

| Nome para pedir | Identificador HTML | Principal | Acento | Fondo suave |
|---|---|---|---|---|
| Institucional | institucional | #1e40af | #1d4ed8 | #eff6ff |
| Técnico | tecnico | #175b91 | #20699e | #edf5fb |
| Océano | oceano | #155e75 | #0e7490 | #ecfeff |
| Bosque | bosque | #166534 | #15803d | #f0fdf4 |
| Cobre | cobre | #9a3412 | #b45309 | #fff7ed |
| Violeta | violeta | #5b21b6 | #6d28d9 | #f5f3ff |
| Grafito | grafito | #334155 | #475569 | #f1f5f9 |

Texto principal #1e293b, texto secundario #475569 e fondo de páxina #f8fafc. Branco nas cabeceiras e botóns. Usa a paleta en títulos, cabeceiras, táboas, pasos, ligazóns e diagramas. Conserva as cores semánticas de avisos, perigo e éxito, con etiquetas textuais; non converter todo á cor de marca.

## Tipografías combinables

| Nome para pedir | Corpo HTML | Títulos HTML | Word e PowerPoint |
|---|---|---|---|
| Sistema | system-ui, -apple-system, "Segoe UI", Arial, sans-serif | system-ui, -apple-system, "Segoe UI", Arial, sans-serif | Corpo: Arial; títulos: Arial |
| Editorial | Georgia, "Times New Roman", serif | system-ui, -apple-system, "Segoe UI", Arial, sans-serif | Corpo: Georgia; títulos: Arial |
| Humanista | "Trebuchet MS", Arial, sans-serif | "Trebuchet MS", Arial, sans-serif | Corpo: Trebuchet MS; títulos: Trebuchet MS |

Código sempre en Consolas ou monospace. Son familias locais, sen descarga nin dependencia de Google Fonts. Se faltan no equipo ou conversor usa Arial (Times New Roman para o corpo Editorial) e indica a substitución; non afirmar que as fontes están incrustadas. Mantén tamaños, interliñado e xerarquía do modelo.

## Peticións por nome

- «Crea unha práctica HTML coa paleta Océano e tipografía Editorial».
- «Usa o perfil Bosque» escolle só a paleta; conserva a tipografía actual ou Sistema.
- «Mantén a paleta e cambia a tipografía a Humanista».
- «Volta ao estilo Institucional con Sistema».

Acepta maiúsculas/minúsculas e nomes con ou sen acentos. Cor e tipografía son independentes. Non pedir unha elección cando non sexa necesaria.

## Aplicación real por formato

O [catálogo JSON](../assets/templates/perfiles-visuais.json) é a fonte dos valores e os [estilos CSS](../assets/templates/perfiles-visuais.css) son presets HTML reutilizables.

HTML autónomo: parte do modelo integrado, copia o contido de perfiles-visuais.css ao final do seu style e marca, por exemplo, html con data-paleta="oceano" e data-tipografia="editorial". Non ligazóns un CSS externo se se pediu un único ficheiro. Nos SVG substitúe tamén as cores de marca fixas; o preset xa cobre o nivel da mostra do simulador. Conserva impresión, teclado, foco, formularios e callouts. O identificador non equivale a aplicar estilos se non se incluíu o CSS.

Word: adapta unha copia do modelo, cores de títulos/cabeceiras/táboas e fontes dos estilos, sen modificar a base nin perder numeración ou edición; non engadir portada salvo petición. PowerPoint: adapta unha copia do modelo institucional ou de alto contraste, incluíndo tema, mestres e formas usadas. PDF herda o deseño do documento fonte. Son adaptacións por petición; non hai un DOCX/PPTX independente xa creado para cada combinación.

Markdown, GIFT e Moodle XML non conservan estas paletas; o tema de Moodle e as bibliotecas H5P poden controlar a presentación. Non prometer cores onde o formato non as admite. Para alto contraste conserva a variante específica existente; non certifiques accesibilidade pola elección dunha paleta. Antes de entregar revisa contraste de texto, táboas, ligazóns e gráficos, ademais dos saltos de páxina e as fontes realmente dispoñibles.

O índice e os seus controis herdan a tipografía e as variables do tema do material, tamén en alto contraste e coa identidade do centro. Non crear unha paleta propia para o panel. Consulta [índice e comprobación visual](presentacion.md#estilo-e-demostración-do-índice).