cobogo

Cobogó es una gramática visual brasileña para compartir relaciones de diseño entre productos sin borrar la identidad de cada uno. El objetivo es permitir que los proyectos reutilicen decisiones que merecen sobrevivir — jerarquía, estado, ritmo, lectura, foco y acción — mientras la tipografía, el color, la proporción y el acabado permanecen locales cuando llevan la voz del producto. Cobogó no es un tema y no exige que los proyectos diferentes parezcan de la misma familia. La stack utiliza Panda CSS como motor del sistema de diseño y Astro como host de referencia para sitios estáticos. Cobogó funciona como un preset opinionado de Panda con tokens y recipes. La instalación se realiza mediante npm desde el repositorio de GitHub, junto con @pandacss/dev. La configuración implica crear un archivo panda.config.ts importando el preset Cobogó, definir las capas CSS (reset, base, tokens, recipes, utilities) y utilizar las recipes exportadas en los componentes Astro. En el SSG de Astro, Panda extrae los estilos en el build, sin requerir una aplicación React en el navegador. El preset actualmente entrega tokens de color, tipografía, espacio, tamaños, breakpoints, radios y sombras, además de las recipes: button, card, badge, input, alert, article, table y navLink. El propio repositorio sirve como demostración: la página src/pages/index.astro usa el preset Cobogó para explicar y mostrar la gramática visual. El principio de evolución del proyecto es crecer cuando un proyecto real encuentra una decisión que vale la pena compartir o cuando una hipótesis de diseño merece ser probada, manteniendo el sistema pequeño, predecible y útil sin transformar la personalidad local en un estándar global.