Caso de Estudio en Producción
Sistemas de Diseño:
Proyecto Rafael Solaz
Design System con estética mediterránea para preservación de patrimonio histórico valenciano a 50+ años
Cuando el dominio web de Rafael Solaz Albert —hijo predilecto de Valencia e investigador de su historia— expiró, años de investigaciones quedaron dispersos sin punto de acceso centralizado. Este proyecto comienza donde todo sistema de diseño debería: con undesign system en Figmaantes de escribir una sola línea de HTML.
Proyecto integrado en el perfil profesional de Yel Martínez
Este trabajo forma parte del portfolio documentado públicamente en laWikipedia profesional de Yel Martínez, donde se recoge el conjunto de proyectos de diseño, archivo digital y sistemas para patrimonio cultural. El vínculo entre el trabajo aplicado y su documentación pública garantiza trazabilidad y credibilidad profesional a largo plazo.
Contexto
El problema que justifica el sistema
La preservación digital del patrimonio cultural no puede improvisar su infraestructura visual. El caso Solaz lo ilustra con claridad.
Rafael Solaz Albert es historiador especializado en la Comunidad Valenciana, investigador prolífico y reconocido como hijo predilecto de Valencia. Su producción documental —artículos, investigaciones, documentos históricos— había perdido su punto de acceso digital al expirar el dominio anterior.
El encargo no era simplemente "hacer una web". Era construir unsistema de preservación digital con garantías de permanencia a largo plazo: legibilidad en 50 años, interoperabilidad con repositorios académicos internacionales y una identidad visual que honrara el contexto cultural mediterráneo valenciano.
La decisión metodológica clave:comenzar por el design system en Figma, antes de escribir una sola línea de código. Sin ese paso, el sitio habría sido coherente por accidente. Con él, lo es por diseño.
Metodología
Por qué un Design System antes que el sitio
Los sistemas de diseño no son documentación posterior al trabajo. Son la infraestructura que lo hace posible. El proceso seguido en el proyecto Rafael Solaz demuestra por qué.
Investigación cultural y definición cromática
Antes de abrir Figma, investigación sobre la identidad visual mediterránea valenciana: geografía, arquitectura, cerámica levantina, tradición editorial académica. De ahí emergen los cuatro colores estructurales del sistema: azul mediterráneo, naranja Valencia, ocre dorado y terracota.
Tokenización en Figma: colores, tipografías, espaciados
Cada decisión visual se documenta como token en Figma Community antes de aplicarse. Las tipografías —Crimson Text para encabezados, Lora para cuerpo— no son elecciones estéticas arbitrarias: responden a la necesidad de legibilidad académica en siete idiomas durante décadas.
Componentes para contenido histórico
La caja documental con metadata Dublin Core, el sistema de citas con borde dorado, los clusters informativos en paleta mediterránea, los botones. Cada componente diseñado en Figma, documentado y probado antes de implementarse en HTML.
Implementación HTML estático multilingüe
El sitio HTML5 estático garantiza máxima durabilidad: sin dependencias de frameworks que queden obsoletos, sin bases de datos que requieran mantenimiento activo. El código generado desde el sistema de diseño es directamente coherente y predecible.
Figma Community · Publicado
Design System for Rafael Solaz
El sistema de diseño está publicado en Figma Community para su reutilización en otros proyectos de patrimonio cultural valenciano. Incluye paleta completa con variables, componentes documentados, guía de tipografía académica y tokens de espaciado. Disponible para consulta, fork y adaptación.
Abrir en Figma Community →El sistema de diseño
Paleta cromática valenciana
Los colores evocan la geografía y la luz mediterránea: el azul del mar, el naranja de la tierra valenciana, el ocre dorado de la arquitectura y la terracota de la cerámica levantina.
Azul Mediterráneo
#2B5F7D
Encabezados, enlaces, énfasis principal
Naranja Valencia
#D87842
Botones secundarios, acentos cálidos
Ocre Dorado
#D4A44C
Citas documentales, hover states
Terracota
#C97657
Fondos cálidos, tarjetas, contenedores
Tipografía para lectura académica
Fuentes serif con tradición editorial que garantizan legibilidad en textos históricos extensos en siete idiomas.
Crimson Text · Títulos históricos
Lora es una fuente serif con carácter literario y académico, ideal para cuerpos de texto en documentación histórica y contenido cultural extenso. Diseñada para la lectura sostenida.
Componentes para contenido histórico
Cada componente resuelve un problema específico del archivo: organizar metadata, jerarquizar documentos, destacar fuentes primarias.
Caja Documental · Dublin Core metadata
Carta del Archivo Municipal de Valencia
Clusters Informativos · Variantes cromáticas
Información General
Variante primaria para destacar información relevante usando tonos azules mediterráneos.
Nota Importante
Variante secundaria con tonos cálidos para avisos que requieren atención moderada.
Dato Curioso
Variante accent para datos curiosos, tips o información complementaria de valor.
Cita Documental · Fuentes primarias
"Las citas documentales destacan con borde dorado que evoca la riqueza cultural y el patrimonio histórico valenciano. Diseñadas para testimonios y fuentes primarias del archivo."
— Rafael Solaz Albert · Investigaciones Históricas ValencianasArquitectura técnica
Estándares de preservación digital
rafaelsolaz.com está diseñado para cumplir progresivamente los estándares internacionales que garantizan permanencia, accesibilidad e interoperabilidad del patrimonio digital.
OAIS · ISO 14721 — Preservación a largo plazo
Arquitectura orientada a preservación digital. Legibilidad garantizada a 50+ años con migración tecnológica planificada e integridad auditable. El HTML estático es una decisión arquitectónica deliberada: máxima durabilidad, mínima dependencia.
Dublin Core + CIDOC-CRM — Metadatos académicos
Metadatos estructurados según Dublin Core para indexación académica. CIDOC-CRM para modelado semántico de objetos culturales históricos. Compatibilidad proyectada con RiuNet (UV) y Europeana vía OAI-PMH.
WCAG 2.1 AA — Accesibilidad universal
Contraste garantizado para lectores de todas las edades. Estructura semántica preparada para tecnologías asistivas. Diseño responsive desde móvil. La accesibilidad no es un añadido: está integrada en el design system desde los tokens de color.
Valor del proyecto
Más allá de la estética
Una infraestructura para la preservación cultural a largo plazo.
- Paleta cromática extraída de la geografía valenciana
- Tipografías Crimson Text + Lora de tradición editorial académica
- Componentes que respetan la gravedad del contenido histórico
- Estética mediterránea diferenciadora en el ámbito cultural
- Cajas documentales con metadata Dublin Core estandarizado
- Sistema de citas con normas académicas integradas
- Jerarquía visual para contenido cronológico multilingüe
- Componentes escalables para 200+ documentos
- Integración proyectada con RiuNet (Universitat de València)
- Compatibilidad con Europeana vía OAI-PMH
- Metadatos para repositorios académicos internacionales
- Alineado con Convención UNESCO 2003 de patrimonio inmaterial
- Design system publicado en Figma Community
- Sitio HTML estático en producción en rafaelsolaz.com
- Reutilizable para otros proyectos culturales valencianos
- Base para futura búsqueda semántica y OCR multilingüe
Explora el archivo y el sistema completo
El archivo está en producción en rafaelsolaz.com. El design system está documentado en Figma Community. Más proyectos de patrimonio digital en el portfolio de Yel Martínez.
Este proyecto en la Wikipedia profesional de Yel Martínez
El proyecto Rafael Solaz forma parte del perfil profesional completo documentado enyel-martinez-portfolio.com/wikipedia-profesional/. Todos los proyectos de diseño, archivo digital y sistemas para patrimonio cultural están recogidos allí como referencia unificada y verificable.