Introducción
Design system de vhoda: tokens y patrones unificados desde vhoda.cl/style2.css,
componentes Bootstrap 5.3 restilizados 1:1, y piezas de marca de vhoda.cl / vhoda.sh.
Un solo style.css. Sin estilos inline.
Qué incluye
Fundamentos
Colores, tipografía Magnetik + Inter, spacing, light/dark.
Bootstrap 1:1
Clases reales de Bootstrap 5.3 teñidas con tokens vhoda.
Marca
project-card, CTA, hub-form, nav, hero landing, footer…
Stack
- Bootstrap 5.3.3 + Bootstrap Icons
- Fuente marca: Magnetik · cuerpo: Inter
- Accent:
#6c5ce7(light) /#a78bfa(dark) - Shell de docs: sidebar estilo VecinosApp (simplificado)
Cómo usar
Carga Bootstrap CDN + este style.css. Los componentes Bootstrap heredan
--bs-primary y el resto de tokens automáticamente.
Include mínimoPreview
<link href="[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"> <link href="/style.css" rel="stylesheet"> <script src="[email protected]/dist/js/bootstrap.bundle.min.js"></script>