# allGaia Design Guide (CVI 3.0)

> The visual identity of allGaia and its product EVENRA, for the website and for social posts rendered as HTML + CSS. Built from the live site allgaia.com. AI agents: read AGENTS.md before you make any design.

## Start here
- [AGENTS.md](https://design.allgaia.team/AGENTS.md): rules for agents (surfaces, colours, type, social layout, the checklist, copy you must not change)
- [Design guide](https://design.allgaia.team/): the visual reference, for people and screenshots

## Machine-readable
- [Tokens, JSON](https://design.allgaia.team/tokens/allgaia.tokens.json): palette, surfaces, type scales, radii, social formats
- [allgaia-tokens.css](https://design.allgaia.team/css/allgaia-tokens.css): the single source of truth (CSS variables + the 8 surface classes)
- [allgaia-components.css](https://design.allgaia.team/css/allgaia-components.css): cards, buttons, badges, rows, facts
- [allgaia-social.css](https://design.allgaia.team/css/allgaia-social.css): post canvas (.ag-post), formats, post type scale
- [Tailwind preset](https://design.allgaia.team/tailwind/allgaia.preset.js)
- [Design kit, zip](https://design.allgaia.team/allgaia-design-kit.zip): everything above plus fonts, logos, photos, templates and render/render.sh

## Social post templates (1080 px canvases)
- [dark-01-cover-photo](https://design.allgaia.team/social/templates/dark-01-cover-photo.html): carousel cover over a photo
- [dark-02-product](https://design.allgaia.team/social/templates/dark-02-product.html): product + how to use + two facts
- [dark-03-rows](https://design.allgaia.team/social/templates/dark-03-rows.html): label/value table
- [dark-04-checklist](https://design.allgaia.team/social/templates/dark-04-checklist.html): big checklist rows
- [dark-05-big-number](https://design.allgaia.team/social/templates/dark-05-big-number.html): one big number
- [dark-06-cta](https://design.allgaia.team/social/templates/dark-06-cta.html): last slide, URL, no arrow
- [light-01-statement](https://design.allgaia.team/social/templates/light-01-statement.html): statement on cream
- [light-02-steps](https://design.allgaia.team/social/templates/light-02-steps.html): three steps in paper cards
- [light-03-split-photo](https://design.allgaia.team/social/templates/light-03-split-photo.html): photo + quote, square
- [story-01-cover](https://design.allgaia.team/social/templates/story-01-cover.html): 1080×1920 story cover

## Rendered examples
- [PNG renders](https://design.allgaia.team/out/): out/<template>.png at exact size
