cobogo

Cobogó — это бразильская визуальная грамматика для совместного использования отношений дизайна между продуктами без стирания идентичности каждого. Цель состоит в том, чтобы позволить проектам переиспользовать решения, которые заслуживают выжить — иерархия, состояние, ритм, чтение, фокус и действие — в то время как типография, цвет, пропорции и отделка остаются локальными, когда они несут голос продукта. Cobogó не является темой и не требует, чтобы разные проекты выглядели как одна семья. Стек использует Panda CSS как движок системы дизайна и Astro как хост-справочник для статических сайтов. Cobogó функционирует как opinionated preset Panda с токенами и рецептами. Установка выполняется через npm из репозитория GitHub вместе с @pandacss/dev. Конфигурация включает создание файла panda.config.ts, импортирующего preset Cobogó, определение слоёв CSS (reset, base, tokens, recipes, utilities) и использование экспортированных рецептов в компонентах Astro. В SSG Astro Panda извлекает стили во время сборки, не требуя React-приложения в браузере. Пресет в настоящее время предоставляет токены цвета, типографики, пространства, размеров, брейкпоинтов, радиусов и теней, а также рецепты: button, card, badge, input, alert, article, table и navLink. Сам репозиторий служит демонстрацией: страница src/pages/index.astro использует preset Cobogó для объяснения и демонстрации визуальной грамматики. Принцип эволюции проекта заключается в росте, когда реальный проект находит решение, которым стоит поделиться, или когда дизайнерская гипотеза заслуживает проверки, сохраняя систему маленькой, предсказуемой и полезной, не превращая локальную индивидуальность в глобальный стандарт.