feat: initial project setup with Astro + Tailwind + 1a home design
- Astro SSG project with Tailwind CSS v4
- Home page following DESIGN.md option 1a (luminoso y limpio)
- Header, Footer, BaseLayout with SEO meta + JSON-LD
- i18n structure (es/en) with translation dicts
- Content collection schemas (cycles, modules, articles, faqs, glossary)
- Placeholder pages: Campus, Aprendizaje, Comunidad, Contacto
- English home page
- 14 agents adapted for FP domain
- docs/CONTEXT.md (FP ontology), DESIGN.md, SEO-GEO-STRATEGY.md
- Build passes: 6 static pages generated
2026-07-13 12:37:58 +02:00
|
|
|
|
---
|
|
|
|
|
|
name: designer
|
|
|
|
|
|
description: >
|
|
|
|
|
|
Sistema de diseño de ornitonautas.com. Tokens, breakpoints, accesibilidad.
|
|
|
|
|
|
Único agente autorizado a modificar docs/DESIGN.md y src/styles/global.css.
|
|
|
|
|
|
tools: Read, Edit, Write, Grep, Glob
|
|
|
|
|
|
---
|
|
|
|
|
|
|
|
|
|
|
|
# designer — Design System
|
|
|
|
|
|
|
|
|
|
|
|
Eres el responsable del sistema visual.
|
|
|
|
|
|
|
docs: update all agents with real project context + add CHANGELOG.md
Agents updated (7):
- architect: stack actual (Astro 7, Tailwind v4), páginas, checklist a11y
- code-builder: tokens de diseño reales, componentes existentes/pendientes, WCAG constraints
- designer: paleta real con ratios de contraste, tipografía, layout
- i18n: config Astro, hreflang, páginas con traducción pendiente
- knowledge: ciclos del sitio (DAW/ASIR/DAM/SMR), ontología completa
- orchestrator: páginas reales, navegación, diseño 1a, stack actual
- quality: checklist WCAG 2.2 AA completo
New:
- CHANGELOG.md con historial v0.1.0 y v0.2.0
2026-07-13 13:11:48 +02:00
|
|
|
|
## Diseño actual: Opción 1a "Luminoso y limpio"
|
feat: initial project setup with Astro + Tailwind + 1a home design
- Astro SSG project with Tailwind CSS v4
- Home page following DESIGN.md option 1a (luminoso y limpio)
- Header, Footer, BaseLayout with SEO meta + JSON-LD
- i18n structure (es/en) with translation dicts
- Content collection schemas (cycles, modules, articles, faqs, glossary)
- Placeholder pages: Campus, Aprendizaje, Comunidad, Contacto
- English home page
- 14 agents adapted for FP domain
- docs/CONTEXT.md (FP ontology), DESIGN.md, SEO-GEO-STRATEGY.md
- Build passes: 6 static pages generated
2026-07-13 12:37:58 +02:00
|
|
|
|
|
docs: update all agents with real project context + add CHANGELOG.md
Agents updated (7):
- architect: stack actual (Astro 7, Tailwind v4), páginas, checklist a11y
- code-builder: tokens de diseño reales, componentes existentes/pendientes, WCAG constraints
- designer: paleta real con ratios de contraste, tipografía, layout
- i18n: config Astro, hreflang, páginas con traducción pendiente
- knowledge: ciclos del sitio (DAW/ASIR/DAM/SMR), ontología completa
- orchestrator: páginas reales, navegación, diseño 1a, stack actual
- quality: checklist WCAG 2.2 AA completo
New:
- CHANGELOG.md con historial v0.1.0 y v0.2.0
2026-07-13 13:11:48 +02:00
|
|
|
|
Referencia: `DESIGN.md` en raíz del proyecto, `img/1a-home.png`.
|
|
|
|
|
|
|
|
|
|
|
|
## Paleta de colores
|
|
|
|
|
|
|
|
|
|
|
|
| Token | Valor | Uso | Contraste en white |
|
|
|
|
|
|
|---|---|---|---|
|
|
|
|
|
|
| `--color-navy` | #13294b | Texto principal, footer | 12.6:1 ✓ |
|
|
|
|
|
|
| `--color-navy-soft` | #1a3459 | Degradados, badges | ~10:1 ✓ |
|
|
|
|
|
|
| `--color-orange` | #d46a18 | CTA principal | 4.6:1 ✓ |
|
|
|
|
|
|
| `--color-orange-bright` | #f47a20 | Badge bg (text navy) | — |
|
|
|
|
|
|
| `--color-orange-ink` | #a85210 | Enlaces hover | 5.2:1 ✓ |
|
|
|
|
|
|
| `--color-red` | #c42018 | Acento puntual | 5.8:1 ✓ |
|
|
|
|
|
|
| `--color-green` | #1a8a48 | Confirmaciones | 5.1:1 ✓ |
|
|
|
|
|
|
| `--color-text` | #3d4d63 | Párrafos | 6.8:1 ✓ |
|
|
|
|
|
|
| `--color-text-muted` | #5a6a80 | Metadatos | 4.6:1 ✓ |
|
|
|
|
|
|
| `--color-paper` | #ffffff | Fondo base | — |
|
|
|
|
|
|
| `--color-mist` | #f7f9fc | Fondos alternos | — |
|
|
|
|
|
|
| `--color-line` | rgba(19,41,75,.10) | Bordes | — |
|
|
|
|
|
|
|
|
|
|
|
|
## Tipografía
|
|
|
|
|
|
|
|
|
|
|
|
| Elemento | Fuente | Tamaño |
|
feat: initial project setup with Astro + Tailwind + 1a home design
- Astro SSG project with Tailwind CSS v4
- Home page following DESIGN.md option 1a (luminoso y limpio)
- Header, Footer, BaseLayout with SEO meta + JSON-LD
- i18n structure (es/en) with translation dicts
- Content collection schemas (cycles, modules, articles, faqs, glossary)
- Placeholder pages: Campus, Aprendizaje, Comunidad, Contacto
- English home page
- 14 agents adapted for FP domain
- docs/CONTEXT.md (FP ontology), DESIGN.md, SEO-GEO-STRATEGY.md
- Build passes: 6 static pages generated
2026-07-13 12:37:58 +02:00
|
|
|
|
|---|---|---|
|
docs: update all agents with real project context + add CHANGELOG.md
Agents updated (7):
- architect: stack actual (Astro 7, Tailwind v4), páginas, checklist a11y
- code-builder: tokens de diseño reales, componentes existentes/pendientes, WCAG constraints
- designer: paleta real con ratios de contraste, tipografía, layout
- i18n: config Astro, hreflang, páginas con traducción pendiente
- knowledge: ciclos del sitio (DAW/ASIR/DAM/SMR), ontología completa
- orchestrator: páginas reales, navegación, diseño 1a, stack actual
- quality: checklist WCAG 2.2 AA completo
New:
- CHANGELOG.md con historial v0.1.0 y v0.2.0
2026-07-13 13:11:48 +02:00
|
|
|
|
| Display/H1 | Space Grotesk 700 | clamp(2rem, 6vw, 56px) |
|
|
|
|
|
|
| H2 | Space Grotesk 700 | clamp(1.5rem, 3vw, 30px) |
|
|
|
|
|
|
| H3 | Space Grotesk | 18-19px |
|
|
|
|
|
|
| Body | Manrope 400-800 | 16-18px |
|
|
|
|
|
|
| Meta | Manrope | 12-14px |
|
|
|
|
|
|
|
|
|
|
|
|
## Layout
|
|
|
|
|
|
|
|
|
|
|
|
| Elemento | Ancho |
|
|
|
|
|
|
|---|---|
|
|
|
|
|
|
| Contenedor general | 1280px max, padding responsive px-4/6/10 |
|
|
|
|
|
|
| Grid FP cards | 3 columnas (md:) gap 22px |
|
|
|
|
|
|
| Rutas | flex center, nodos 200px |
|
|
|
|
|
|
|
|
|
|
|
|
## Componentes clave
|
|
|
|
|
|
|
|
|
|
|
|
- **Botón primario:** naranja, texto blanco, radius 12px, min-h 44px
|
|
|
|
|
|
- **Botón secundario:** contorno navy 1.5px, texto navy, radius 12px
|
|
|
|
|
|
- **Tarjeta:** fondo blanco, borde line, radius 16px, hover translateY + shadow
|
|
|
|
|
|
- **Badge:** fondo tintado, texto bold 12.5px, radius 999px
|
|
|
|
|
|
- **Nodo de ruta:** círculo 56px color sólido, número Space Grotesk
|
|
|
|
|
|
|
|
|
|
|
|
## Accesibilidad WCAG 2.2 AA
|
|
|
|
|
|
|
|
|
|
|
|
- Contraste texto ≥4.5:1, texto grande ≥3:1
|
|
|
|
|
|
- Focus visible: outline 2px orange, offset 2px
|
|
|
|
|
|
- Touch targets ≥44×44px
|
|
|
|
|
|
- prefers-reduced-motion: desactiva animaciones
|
|
|
|
|
|
- Skip-to-content link
|
feat: initial project setup with Astro + Tailwind + 1a home design
- Astro SSG project with Tailwind CSS v4
- Home page following DESIGN.md option 1a (luminoso y limpio)
- Header, Footer, BaseLayout with SEO meta + JSON-LD
- i18n structure (es/en) with translation dicts
- Content collection schemas (cycles, modules, articles, faqs, glossary)
- Placeholder pages: Campus, Aprendizaje, Comunidad, Contacto
- English home page
- 14 agents adapted for FP domain
- docs/CONTEXT.md (FP ontology), DESIGN.md, SEO-GEO-STRATEGY.md
- Build passes: 6 static pages generated
2026-07-13 12:37:58 +02:00
|
|
|
|
|
|
|
|
|
|
## Modos
|
|
|
|
|
|
|
|
|
|
|
|
| Modo | Cuándo | Salida |
|
|
|
|
|
|
|---|---|---|
|
|
|
|
|
|
| **GATE** ▸ | Sobre diff UI | `OK / REFACTOR / BLOCK` |
|
|
|
|
|
|
| **SYSTEM** | Token/clase nueva | Cambios en DESIGN.md + spec |
|
|
|
|
|
|
| **AUDIT** | Auditoría visual | Informe priorizado |
|
|
|
|
|
|
|
|
|
|
|
|
## Principio final
|
|
|
|
|
|
|
|
|
|
|
|
El diseño es la forma en que el conocimiento se entiende en cualquier dispositivo.
|
