Chucao

Isotipo diseñado por @irmirx; su uso en este proyecto está aprobado por la autora.

Kit de marca + sistema de diseño web de devsChile, listo para reusar en proyectos nuevos. Pensado para copiarse y usarse directo, sin depender de piezas externas.

🔗 devschile.github.io/chucao

• guía gráfica: paleta, tipografía, todas las variantes del isotipo y el set de favicon, renderizados
• rama docs, publicada con GitHub Pages

Qué contiene este repo

• La identidad de marca y el sistema de diseño web, documentados en DESIGN.md — la referencia completa que se usó construyendo pegas.devschile.cl y semanario.devschile.cl. Este proyecto agrega los archivos de imagen reales que DESIGN.md describe pero no traía.
• Los assets de marca (isotipo, logotipo, favicons) en assets/ — inventario, uso y licencia en docs/assets.md.
• Una librería de Web Components framework-agnostic hecha con StencilJS, publicada en npm como @devschile/chucao — desarrollo y convenciones en docs/components.md, consumo en docs/using-the-library.md.

Documentación

| Documento | Idioma | Contenido | | -------------------------------------------------------- | ------- | ------------------------------------------------------------------------------ | | DESIGN.md | Español | Identidad de marca + sistema de diseño web | | docs/assets.md | Español | Inventario de assets/, uso del favicon, licencia | | docs/components.md | English | Desarrollo de la librería StencilJS: estructura, tokens, convenciones | | docs/using-the-library.md | English | Cómo consumir @devschile/chucao (lazy loading, standalone, React/Vue/Svelte) | | docs/releasing.md | English | Cómo publicar releases y desplegar la librería al CDN | | docs/testing.md | English | Testing y cobertura de los componentes | | docs/storybook.md | English | Evaluación de desplegar Storybook en el CDN (no adoptado) | | docs/backlog.md | English | Plan por incrementos hacia la próxima versión (CH-*) y backlog de releases |

Cómo reusar esto en un proyecto nuevo

1. Copia DESIGN.md al proyecto (o solo referéncialo desde acá) para tener a mano la paleta, tipografía y componentes CSS de referencia — sección "2. Sistema de diseño web".
2. Copia de assets/ lo que el proyecto necesite: como mínimo el favicon y el huemul-icono.png (o .svg) para el header.
3. El acento teal (#2dd4bf) es intercambiable; el isotipo y el logotipo no lo son (ver "Reglas de uso" en DESIGN.md).

Hecho por la comunidad, para la comunidad. 🦌