Retícula
Unidad mínima: 4px
Propiedades:Retícula modular de 12 columnas para desktop y 4 para móvil.
Desktop, 12 columnas
Móvil, 4 columnas
Sistema de diseño
Figma UI Componentes
Lista de componentes disponibles en el sistema de diseño de la red nacional de museos municipales de Madrid.
Desktop, 12 columnas
Móvil, 4 columnas
Tipografía
Unidad mínima: 1rem, 16px
Proporción del tamaño:Se emplea una retícula modular de 4 px, tomando como referencia la proporción de 1.200 Minor Third.
Libre Caslon Text
TitularesRoboto Flex
Titulares secundarios y cuerpoTipografías Desktop
Header 1
Header 2
Header 3
Header 4
Header 5
Header 6
Body Grande
Body Grande Semibold
Body
Body Semibold
Body Italic
Body Pequeño
Tipografías Móvil
Header 1
Header 2
Header 3
Header 4
Header 5
Header 6
Body Grande
Body Grande Semibold
Body
Body Semibold
Body Italic
Body Pequeño
Colores
Paleta: Paleta bricromática de alto contraste
Understand: El azul actúa como nexo con la identidad institucional de la Comunidad de Madrid. Como contrapunto el rosa aporta un acento contrastado que da vitalidad.
Color Primario
Primario-50
#4D76F2
Principalmente para botones en hover
Primario-300
#0540F2
Botones primarios
Primario-600
#0029A6
Links visitados
Color Acento
Acento-50
#FF66AF
Principalmente para botones en hover
Acento-300
#FF007A
Botones primarios
Acento-600
#CC0062
Links visitados
Color Neutral
Blanco-50
#FFFFFF
Marcos, links, textos e iconos
Neutral-50
#F5F5F5
Botones
Neutral-300
#D4D4D4
Botones en hover
Neutral-600
#737373
Textos
Neutral-800
#404040
Textos e iconos
Nombre:Negro-900
Hexa:#000000
Uso: Marcos, links, textos e iconos
Espaciado
Sistema de espaciado basado en múltiplos de 4px. Unidad base: 1 = 4px.
4
8
12
16
20
24
32
40
48
64
128
Iconos
Iconos de Feather Icons
Botones
Understand: Los botones se emplean prncipalmente para realizar acciones como “Enviar”, “Iniciar sesión”, “Entendido” o “Saber más”
Principal
Acento
Fantasma
Links
Understand: Los links facilitan la navegación y mejoran la experiencia de usuario permitiéndole un acceso directo al contenido de la web o a contenido externo.
Tarjetas
Pie de imagen
Titular
Subtítulo
Lorem ipsum dolor sit amet consectetur. Fermentum nunc diam commodo pulvinar montes egestas. Tellus enim porttitor placerat sagittis aliquam sapien.
Del viernes 30 de enero 2026, a 31 de diciembre 2026
En curso
Descriptor de botón
Pie de imagen
Titular
Subtítulo
Del viernes 30 de enero 2026, a 31 de diciembre 2026
Lorem ipsum dolor sit amet consectetur. Fermentum nunc diam commodo pulvinar montes egestas. Tellus enim porttitor placerat sagittis aliquam sapien.
En curso
Descriptor de botón
Headers
Footers