# Notas de deseño · web de xestión ## Principio de partida O manual está pensado para papel e para familias: cálido, escolar, con moito crema e madeira. Unha ferramenta de traballo diaria necesita máis silencio. A regra aplicada aquí: **a identidade vive nos bordes** (navegación, cabeceiras, acentos, tipografía) e **o contido vive sobre superficie neutra** (papel, liñas finas, texto tinta). Ningún módulo de datos leva fondo verde. ## Cor - **Verde Bosque** `#0E3B2E` — navegación lateral, botón primario, titulares. É a cor que identifica o centro; non se usa como fondo de zonas de lectura longa. - **Verde Folla** `#4FAE7E` — só accións e estados: foco, selección, ligazóns activas, indicador de lapela. Para texto verde sobre branco úsase `#2F8F62` (o Folla puro non chega a AA en tamaño pequeno). - **Terracota** `#B5651D` — etiquetas en maiúsculas e antetítulos. Nunca en botóns: confúndese con estado de erro. - **Dourado** `#E2A94E` — destaques puntuais e avisos. Sempre con texto escuro enriba. - **Crema / Papel** — superficies. Crema para cabeceiras de táboa e zonas secundarias; Papel para tarxetas. - **Paleta secundaria (mar, salvia, coral, casca)** — reservada para codificar categorías: etapas educativas, tipos de aviso, cores de calendario. Non para UI xeral. - Máximo dúas cores de marca visibles nunha mesma pantalla, ademais dos neutros. ## Tipografía - **Fredoka** só en titulares, etiquetas, botóns, cifras destacadas e navegación. Nunca en parágrafos longos nin en campos de formulario. - **Nunito** en todo o texto corrido, formularios, táboas e datos. - Cifras en táboas: `font-variant-numeric: tabular-nums`. - Tamaño mínimo real de interface: 12px, e só para metadatos. O corpo é 15px. ## Xerarquía e densidade - Unha soa `h1` por pantalla, o nome do módulo. - Bloques de contido en tarxetas de radio 16px sobre fondo `#F6F3EA`. - Espazado en múltiplos de 4px. Entre bloques: 24 ou 32px. Dentro dun bloque: 12 ou 16px. - Táboas de datos con filas de 44px de alto mínimo, separador de 1px en cor liña. ## Accesibilidade - Contraste mínimo AA (4.5:1) en todo o texto. Combinacións verificadas: crema sobre bosque, tinta sobre papel, tinta sobre crema, `#2F8F62` sobre branco. - Área táctil mínima 44×44px, tamén en escritorio (o profesorado usa tablet). - Foco visible sempre: anel verde de 3px, nunca `outline:none` sen substituto. - O estado non se comunica só con cor: as insignias levan texto, os erros levan mensaxe. - Idioma da interface: galego. ``. ## Responsive - Corte principal en 900px: a navegación lateral pasa a menú superior. - As táboas de datos en móbil pasan a lista de tarxetas, unha por rexistro, cos dous ou tres campos que importan. - Formularios sempre nunha columna en móbil; dúas como máximo en escritorio. ## O que falta decidir Estas pezas dependen do produto, non do estilo, e non van resoltas aquí: módulos e permisos por rol, estrutura de navegación definitiva, tratamento de datos persoais do alumnado e convivencia con XADE.