Ayuntamiento de Huete
Identidad Corporativa Guía de Diseño & Proyecto Digital

Dossier de presentación para el Comité Organizador
del VI Centenario del Título de Noble y Leal Ciudad de Huete

Índice de Contenidos
01 Contexto Histórico El privilegio real que nos define Escudo de Huete

El 26 de julio de 1428, el Rey Juan II de Castilla otorgó a la villa de Huete el título de ciudad, un privilegio que marcó para siempre la identidad de nuestro pueblo y que en 2028 celebrará su sexto centenario.

De ahora en adelante, para siempre jamás, sea llamada e se llame la dicha Villa de Huete, Ciudad de Huete. — Privilegio Real de Juan II de Castilla, 26 de julio de 1428

El título fue concedido por intercesión de Pedro Carrillo, guarda mayor de la ciudad y halconero del rey, como reconocimiento a la lealtad y nobleza del pueblo optense. Posteriormente, los Reyes Católicos ratificaron y ampliaron dicho privilegio, consolidando el estatus de Huete como Noble y Leal Ciudad.

La Conmemoración

El Ayuntamiento de Huete, bajo la alcaldía de Francisco Javier Doménech, ha constituido una Comisión Organizadora (aprobada por unanimidad en pleno) para coordinar los eventos que se desarrollarán a lo largo de 2028.

Presidencia de Honor: S.M. el Rey Felipe VI ha aceptado la Presidencia de Honor de los actos conmemorativos del VI Centenario, mediante credencial expedida por la Casa de S.M. el Rey el 5 de febrero de 2026.

Objetivos del VI Centenario

Documento original del privilegio real de 1428
Documento original del privilegio real otorgado por Juan II de Castilla — 26 de julio de 1428
02 Material Gráfico Disponible Inventario de recursos visuales aprobados

Banner Oficial

Catálogo de Recursos Gráficos

Logo color
Logo Centenario — Color
Sello de lacre rojo, león y luna, texto dorado
→ Logo principal, cabeceras, favicon
Logo BN
Logo Centenario — B/N
Versión monocromática para impresión
→ Impresión, fondos de agua, versión alternativa
Escudo
Escudo Heráldico de Huete
Escudo oficial: león, luna, corona, leyenda
→ Footer, secciones institucionales
Corona
Corona Real
Corona con oro, esmeraldas, perlas y diamantes
→ Elemento decorativo, loading screens
Firma Juan II
Firma del Rey Juan II
Firma manuscrita original "Yo el Rey"
→ Marca de agua, secciones históricas
Caligrafía medieval
Caligrafía Medieval
Texto "Ciudad de Huete" en letra gótica
→ Decoración, tipografía de referencia

Material Audiovisual

Vídeo Enlace Uso
Presentación del Logotipo youtube.com/watch?v=jT-6iS5J65Q Referencia diseño del sello
Presentación Pública youtube.com/watch?v=oEPprOKAudg Contexto organizativo
03 Paleta de Colores Extraída del logotipo oficial y el material gráfico aprobado

Todos los colores han sido extraídos directamente del logotipo oficial del VI Centenario y del escudo heráldico de Huete, garantizando coherencia visual en todo el proyecto.

Colores Primarios

Primario
Lacre Real #8B1A1A
Primario
Oro Heráldico #C4953A
Primario
Oro Oscuro #8B6914
Primario
Pergamino #F5E6C8

Colores Secundarios

Secundario
Plata Luna #C0C0C0
Secundario
Negro Noble #1A1A1A
Secundario
Blanco Marfil #FEFAF0
Secundario
Grana Profundo #5C1010

Colores de Soporte

Soporte
Esmeralda Corona #1B6B3A
Soporte
Rubí Corona #9B1B30
Soporte
Tinta Sepia #704214

Gradientes Corporativos

Dorado Imperial
Headers, CTAs, elementos premium
Lacre Real
Secciones destacadas, barras
Pergamino Antiguo
Fondos de secciones históricas
Noche Noble
Sección principal de portada, modo oscuro
04 Tipografía Familias tipográficas, jerarquía y reglas de uso

La selección tipográfica combina fuentes con carácter histórico y monumental para títulos, con la legibilidad moderna para el contenido, reflejando la dualidad pasado-presente del centenario.

VI CENTENARIO
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ
abcdefghijklmnñopqrstuvwxyz · 1428 – 2028
Familia
Cinzel
Uso
Títulos principales (h1–h3), navegación, botones
Pesos
400, 500, 600, 700, 900
Carácter
Monumental, romano, solemne
Ciudad de Huete
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ
Familia
Cinzel Decorative
Uso
Hero titles, elementos muy destacados
Pesos
400, 700, 900
Carácter
Ornamental, ceremonial, impactante
Noble y Leal Ciudad
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ · abcdefghijklmnñopqrstuvwxyz
Familia
Cormorant Garamond
Uso
Subtítulos, citas, textos elegantes
Pesos
300–700, italic
Carácter
Elegante, clásico, literario
La legibilidad moderna
El cuerpo de texto utiliza Inter para garantizar una lectura cómoda en pantallas de todos los tamaños. Es la fuente de la interfaz.
Familia
Inter
Uso
Cuerpo de texto, UI, formularios, menús
Pesos
300–700
Carácter
Moderno, neutro, máxima legibilidad

Jerarquía Tipográfica

Elemento Fuente Tamaño Peso Uso
Título de Portada Cinzel Decorative 4.5rem (72px) 900 Portada, sección principal de portadas
H1 Cinzel 3rem (48px) 700 Título de página
H2 Cinzel 1.875rem (30px) 700 Secciones principales
H3 Cinzel 1.25rem (20px) 600 Subsecciones
Subtítulo Cormorant Garamond 1.25rem (20px) 500 italic Descripción bajo títulos
Cuerpo Inter 1rem (16px) 400 Texto general
Pie de Imagen Inter 0.75rem (12px) 500 Pies de foto, metadata
05 Logotipo — Reglas de Uso Versiones, protección y aplicaciones correctas

Versiones del Logotipo

Logo oficial versión color 1428
1. Logo Oficial — Fondo Claro
Diseño oficial en versión color (con la fecha «1428» correcta)
Logo oficial optimizado para fondo oscuro
2. Versión Fondo Oscuro
Diseño oficial optimizado con fondo oscuro y brillo en letras doradas
Logo oficial versión B/N
3. Versión Blanco y Negro
Para impresión monocromática, papelería oficial y prensa
Logo sobre pergamino
4. Marca de Agua
Versión B/N al 10-15% de opacidad como fondo institucional

Zona de Protección

El logotipo debe mantener siempre un espacio libre alrededor equivalente al 50% del diámetro del sello de lacre. Ningún texto, imagen u otro elemento gráfico puede invadir esta zona.

Tamaños mínimos: En web, el logo no debe mostrarse a menos de 80px de ancho. En impresión, el mínimo es 25mm de ancho para garantizar la legibilidad de los detalles del sello.

Usos Correctos e Incorrectos

Usar siempre las versiones oficiales proporcionadas
No rotar el logotipo bajo ningún concepto
Respetar la zona de protección en todas las aplicaciones
No alterar los colores del sello o la tipografía
Usar la versión B/N solo para impresión mono
No distorsionar las proporciones (estirar/comprimir)
Se admite sobre fondos oscuros y claros uniformes
No colocar sobre fondos con textura que dificulten lectura
Se admite como marca de agua al 10-15% de opacidad
No añadir sombras, brillos o efectos al sello

Heráldica del Escudo de Huete

Escudo de Huete

Blasón: En campo de gules (rojo), león rampante de oro acompañado de media luna de plata. Timbre: corona real. Leyenda: "Noble y Leal Ciudad de Huete".

El escudo heráldico se utiliza como complemento del logo del centenario, especialmente en secciones institucionales y el pie de página.

06 Componentes de Interfaz Sistema de diseño para la web y la intranet

Botones

Tres variantes principales que se adaptan a la jerarquía visual necesaria. Todos los botones usan la tipografía Cinzel en mayúsculas con ligero espaciado.

Botón Primario Botón Secundario Botón Contorno
Botón Primario Botón Secundario Botón Contorno

Notificaciones Toast

Se utilizarán toasts modernos en lugar de alertas nativas del navegador, siguiendo la estética del proyecto.

Evento guardado correctamente
Error al procesar la solicitud
Nuevo documento añadido al repositorio

Sistema de Sombras

Pequeña (sm)
Media (md)
Grande (lg)
Dorada (gold)

Elementos Decorativos

Separador Dorado

Cita Histórica (ejemplo de componente)

Por la presente, en reconocimiento a la lealtad y nobleza de sus gentes, ordenamos y mandamos que sea elevada de villa a ciudad. — Estilo de cita para el portal web

Cuadro Informativo

Nota importante: Los cuadros informativos se utilizan para destacar información relevante dentro del contenido, con la barra lateral en oro heráldico.

Micro-animaciones

Se implementarán animaciones sutiles para mejorar la experiencia: efecto dorado brillante en títulos al hacer hover, revelación progresiva de secciones al hacer scroll (tipo pergamino que se desenrolla), y transiciones suaves en botones y elementos interactivos.

07 Proyecto Digital Portal web público e intranet de gestión

El proyecto digital se compone de dos áreas diferenciadas: un portal web público para la difusión del centenario y una intranet privada para la gestión interna del comité organizador.

Arquitectura del Proyecto

Portal Público
Web del VI Centenario
  • Página de inicio con sección principal de portada impactante
  • Historia de Huete y el privilegio real
  • Agenda de eventos y actos conmemorativos
  • Galería multimedia (fotos, vídeos, documentos)
  • Noticias y actualizaciones
  • Mapa interactivo de lugares históricos
  • Contacto y redes sociales
Intranet Privada
Gestión del Comité
  • Panel de Control Principal
  • Gestión de usuarios y roles (comisiones)
  • Repositorio de documentos internos
  • Sistema de comunicaciones internas
  • Gestión de tareas y seguimiento
  • Calendario compartido de reuniones
  • Gestión de proveedores y presupuestos

Tecnología

⟨/⟩
HTML5 + CSS3 + JS
Frontend vanilla, moderno, sin frameworks pesados
P
PHP Backend
API y lógica de servidor
MySQL
Base de datos para usuarios, eventos y contenidos

Principios de Desarrollo

Planificación Tentativa

Fase 1 — Ago–Sep 2026
Diseño y maquetación del portal público. Landing page + secciones principales.
Fase 2 — Oct–Nov 2026
Desarrollo de la intranet: autenticación, panel de control, gestión de documentos.
Fase 3 — Dic 2026–Feb 2027
Funcionalidades avanzadas: agenda de eventos, comunicaciones, tareas.
Fase 4 — 2027
Iteración, contenidos definitivos, pruebas y lanzamiento previo a 2028.
2028 — Año del Centenario
Portal en producción: cobertura de eventos, actualización en tiempo real, interacción ciudadana.
08 Simulaciones de Diseño Propuesta visual del portal web y la intranet

Las siguientes simulaciones muestran cómo lucirían las dos áreas del proyecto digital, aplicando la identidad corporativa definida en este dossier.

Portal Web Público

Página de inicio del portal público del VI Centenario. Diseño oscuro y elegante con el sello de lacre como protagonista, navegación intuitiva y secciones para historia, eventos, galería y noticias.

🔒 sextocentenariociudadhuete.es
Simulación del portal web público del VI Centenario
Portal Web Público Bilingüe (ES 🇪🇸 | EN 🇬🇧) · Diseño responsive · Adaptado a móviles · SEO optimizado

Intranet de Gestión

Panel de gestión interno para los miembros del Comité Organizador. Repositorio centralizado de documentos, subida fácil de archivos Word/PDF/fotos, tareas y comunicaciones internas.

🔒 sextocentenariociudadhuete.es/intranet
Simulación de la intranet de gestión del VI Centenario
Intranet de Gestión Acceso restringido · Repositorio central de archivos (Word/PDF/Fotos) · Autenticación segura
09 Gestión de Accesos Roles de usuario, permisos y flujo de alta en la intranet

La intranet contará con un sistema de roles y permisos que permitirá controlar el acceso de cada miembro del comité según su función y responsabilidades.

Roles de Usuario

👑
Administrador General
Alcaldía / Dirección del Comité
  • Control total sobre la plataforma
  • Gestión de usuarios y roles
  • Publicación en el portal público
  • Aprobación de presupuestos
  • Acceso a todas las comisiones
  • Configuración del sistema
📋
Coordinador de Comisión
Responsable de área temática
  • Gestión completa de su comisión
  • Asignación de tareas a miembros
  • Subida de documentos
  • Propuesta de eventos y actividades
  • Comunicación con otros coordinadores
  • Informes de progreso
👤
Miembro del Comité
Voluntario / colaborador activo
  • Acceso a su comisión asignada
  • Visualización de tareas y calendario
  • Participación en comunicaciones
  • Descarga de documentos compartidos
  • Actualización de estado de tareas
🏛️
Comité Científico
Asesor histórico / académico
  • Revisión de contenidos históricos
  • Validación de publicaciones
  • Aportación de documentación
  • Acceso de solo lectura general
  • Comentarios y sugerencias

Flujo de Alta y Acceso

📩
Invitación
El admin envía invitación por email
📝
Registro
El usuario completa sus datos
Validación
El admin aprueba y asigna rol
🔐
Acceso
Login con email + contraseña

Comisiones Previstas

Comisión Ámbito Responsable
Comisión de Eventos Organización de actos, espectáculos y ceremonias Por designar
Comisión de Cultura Exposiciones, publicaciones, patrimonio histórico Por designar
Comisión de Comunicación Prensa, redes sociales, web pública, difusión Por designar
Comisión de Logística Infraestructuras, proveedores, presupuestos Por designar
Comisión de Turismo Alojamiento, hostelería, rutas turísticas Por designar
Comité Técnico-Científico Rigor histórico, documentación, asesoramiento Por designar

Repositorio Centralizado de Documentos

📁 Subida ágil de archivos (Word, PDF e imágenes): Los miembros de cada comisión pueden subir documentos (propuestas en PDF, notas en Word, imágenes de eventos, carteles, actas) directamente arrastrando los archivos a la plataforma.
🎯 Objetivo de eficiencia: Eliminar el uso desorganizado de cadenas de correo electrónico, grupos de WhatsApp o pendrives, asegurando que todo el comité trabaje siempre sobre la versión más actualizada y oficial.

Seguridad y Privacidad

VI Centenario del Título de Ciudad
1428 — 2028
"De ahora en adelante, para siempre jamás,
sea llamada e se llame la dicha Villa de Huete,
Ciudad de Huete"
Juan II de Castilla · 26 de julio de 1428