01. Qué hay aquí
Colores y degradados
Paleta oficial (HEX/RGB/CMYK), la gama azul 0071BB → 00B7D9 → 9FD7E5, escalas y contraste.
Logos y descargas
SVG, PNG y JPG de todos los logotipos, escudo, bandera y la línea. ZIP por formato.
Componentes
Botones, tarjetas, KPIs, formularios, navegación, carnet y tarjeta en HTML/CSS.
Integración
Guías copiar-y-pegar para 14 tecnologías, con URL directa a cada CSS.
Aplicaciones
Tarjetas, pendones, carnets, camisas, backing, post, gorra y valla del manual.
Demos en vivo
AdminLTE 3 y 4, Bootstrap 5 y Tailwind con el tema aplicado.
02. Empiece en 30 segundos
Una sola línea de CSS aplica la marca. Ajuste la URL si publica este sitio en otro dominio.
URL base:
<link rel="stylesheet" href="https://TU-HOST/manual_de_marca/dist/css/magdalena.min.css">
<body class="mg-base">
<section class="mg-hero"><h1>Hola Magdalena</h1><button class="mg-btn">Ingresar</button></section>
<hr class="mg-stripe">
</body>03. Lo esencial de la marca
0071BB → 00B7D9 → 9FD7E5. La línea de la marca en web.
La franja multicolor: remate de cabeceras, tarjetas y pies.
Logotipo horizontal y vertical, en versiones color, gris, negro y negativo.
Tipografía web: Montserrat (alternativa libre a Gotham del manual). Títulos 800–900.