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.
- guía gráfica: paleta, tipografía, todas las variantes del isotipo y el set de favicon, renderizados
- rama
docs, publicada con GitHub Pages
- 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 queDESIGN.mddescribe pero no traía. - Los assets de marca (isotipo, logotipo, favicons) en
assets/— inventario, uso y licencia endocs/assets.md. - Una librería de Web Components framework-agnostic hecha con
StencilJS, publicada en npm como
@devschile/chucao— desarrollo y convenciones endocs/components.md, consumo endocs/using-the-library.md.
| 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 |
- Copia
DESIGN.mdal 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". - Copia de
assets/lo que el proyecto necesite: como mínimo el favicon y elhuemul-icono.png(o.svg) para el header. - El acento teal (
#2dd4bf) es intercambiable; el isotipo y el logotipo no lo son (ver "Reglas de uso" enDESIGN.md).
Hecho por la comunidad, para la comunidad. 🦌