cobogo

Cobogó 是一种巴西视觉语法，用于在不同产品之间共享设计关系，而不会抹除每个产品的身份。其目标是允许项目复用那些值得保留的决策——如层级、状态、节奏、阅读、焦点和操作——而排版、颜色、比例和精细处理在承载产品声音时则保持局部性。Cobogó 不是一个主题，也不要求不同的项目看起来像同一个家族。 该技术栈使用 Panda CSS 作为设计系统的引擎，并使用 Astro 作为静态网站的参考宿主。Cobogó 作为一个带有 tokens 和 recipes 的 Panda 主见预设（opinionated preset）运行。 安装通过 npm 从 GitHub 仓库完成，并配合 @pandacss/dev 使用。配置涉及创建 panda.config.ts 文件并导入 Cobogó 预设，定义 CSS 层（reset, base, tokens, recipes, utilities），并在 Astro 组件中使用导出的 recipes。在 Astro 的 SSG 中，Panda 在构建时提取样式，无需在浏览器中运行 React 应用。 该预设目前提供颜色、排版、间距、尺寸、断点、圆角和阴影的 tokens，以及以下 recipes：button, card, badge, input, alert, article, table 和 navLink。仓库本身即作为演示：src/pages/index.astro 页面使用 Cobogó 预设来解释并展示该视觉语法。 项目的演进原则是：当实际项目发现一个值得共享的决策，或当一个设计假设值得测试时，系统随之增长，从而保持系统精简、可预测且实用，而不会将局部个性转化为全局标准。