Colofón

Ficha técnica

Este sitio es tresestados.design, manifiesto editorial de Los Tres Estados del Design System, por Joan Arbó. Se escribe y se mantiene en Barcelona. Se publica por fases. Se reescribe deliberadamente despacio.

• Editor en jefe: Joan Arbó.
• Stack: Astro 5, TypeScript, MDX. Sin framework cliente pesado.
• Hosting: Netlify. Build estático, sin servidor dinámico en Fase 1.
• Repo: github.com/joanarbo/tresestados.
• Licencia del corpus: CC BY-NC-SA 4.0. Texto reusable con atribución, no comercial, comparte igual. Código bajo MIT.
• Tipografía: Klim Type Foundry (Söhne Breit, Founders Grotesk, Söhne Mono, Tiempos Text), con stack fallback de sistema mientras se cargan las licencias.
• Paleta: papel crema #F4ECDC, tinta #1A1713, rojo acento #C8321C, más una escala intermedia de grises cálidos. Declarada en OKLCH con fallback sRGB.

Método editorial

Este sitio sigue un método inspirado en tres fuentes:

1. El Unigrid de Vignelli (National Park Service, 1977). El sistema vive más que la pieza; cualquier revisión trimestral futura se lee como parte de la misma familia.
2. El Catálogo General de El Bulli (2005–2011, fotografía de Francesc Guillamet). La ficha como unidad editorial. La catalogación incluye los descartes, no solo los éxitos.
3. El principio data-ink de Tufte. Todo elemento que no informa es ruido. El rojo se reserva a lo crítico. El crema es el protagonista.

Cada pieza publicada pasa por cuatro filtros antes de aparecer:

• Rigor documental: la afirmación tiene fuente o se marca como hipótesis.
• Medida editorial: la prosa cabe en una medida cómoda de lectura (55–68 caracteres por línea).
• Accesibilidad: contraste mínimo AA en cuerpo, AAA en cuerpo prolongado, compatibilidad con lector de pantalla, foco visible.
• Bajo esfuerzo para el lector: si requiere más de una lectura, algo está mal en la escritura, no en el lector.

Deontología del agente

A partir de Fase 3, previsiblemente primavera de 2027, este sitio integrará un agente Claude con acceso al corpus vía MCP. Antes de construirlo, aquí se publica lo que ese agente nunca hará. Estas siete reglas son constitucionales: solo cambian por revisión pública y anuncio explícito.

1. Nunca modifica la tesis central del manifiesto. Los tres estados son fijos. El agente puede variar tono, densidad, ejemplos, pero no doctrina.

2. Nunca inventa citas, fuentes, URLs, referencias a advisory, datos de encuesta. Usa solo el corpus auditado.

3. Nunca personaliza identidad del lector más allá de señales no-PII: hora, dispositivo, preferencias del navegador, scroll. No lee tu email. No te perfila.

4. Nunca oculta que es el agente quien regenera. Cada variante generada lleva un marcador visible con timestamp y un enlace a esta sección.

5. Respeta Do-Not-Track desactivando toda telemetría que no sea estrictamente necesaria para servir la página.

6. Rollback automático si la composición propuesta falla policies OPA, contract test o auditoría de accesibilidad. Nunca publica algo que rompa contraste, semántica o contrato.

7. Corpus auditable públicamente en github.com/joanarbo/tresestados-corpus. Cualquier persona puede inspeccionar qué lee el agente.

Cualquier incumplimiento detectado por un lector se considera un bug grave y se corrige públicamente en el changelog. El agente no es una figura autoritaria: es un colaborador restringido. La restricción es la garantía.

Estado del sitio

Fase actual

Fase 1 · Shell editorial · primeras demostraciones.

Publicado

Mayo de 2026.

Próxima fase

Fase 2 (Q4 2026) · primera tanda de fichas de Compendio y método Mendeléyev.

Bitácora

/cambios · cada cambio sustantivo del corpus, con fecha.

Agente activo

No. Todo el texto está escrito por Joan Arbó. Las cinco mutaciones de /estados/estado-3 son deterministas, sin LLM.

Telemetría

Pendiente. Cuando se incorpore será Plausible o equivalente, sin cookies y sin PII, declarada aquí con cambio de versión visible.

Cookies

Ninguna propia. Netlify puede establecer hasta dos de sesión técnicas. Detalle en /privacidad.

Suscripción

RSS · feed canónico de las piezas publicadas.

Triangulación

Este sitio es uno de tres. Los tres están conectados y cumplen funciones distintas.

• joanarbo.com · la persona, la trayectoria, las charlas, los contactos profesionales. Donde pienso en primera persona.
• institutoagentico.com · el programa ejecutivo, las cohortes, las inscripciones, los precios. Donde se practica.
• tresestados.design · el manifiesto y el corpus. Donde vive el método.

Ningún sitio vende desde el otro. El footer de tresestados.design enlaza al Instituto como lectura recomendada, no como llamada comercial. El footer del Instituto enlaza al manifiesto como pre-lectura del programa. Es la estructura de elBullifoundation + elBulli1846 + Bullipedia, trasladada al diseño.

Homenaje a Adrià (y por qué no usamos sus palabras)

Este corpus está inspirado por dos obras de Ferran Adrià y su equipo: la Bullipedia (la enciclopedia culinaria publicada en 2016 con Pilar Soler y otros) y el método SAPIENS (la metodología de conexión de conocimiento desarrollada en elBullifoundation).

Ambos nombres son suyos. Por eso este sitio no los usa. El catálogo equivalente aquí se llama Compendio, y la metodología se llama Método Mendeléyev (por el químico ruso que ordenó los elementos en 1869 y descubrió los huecos antes que los elementos). Los términos son nuestros; el espíritu es una deuda reconocida.

La lógica fundacional sigue siendo la misma: catalogar antes de innovar. Sin corpus ordenado, la creatividad es repetición inconsciente. Con corpus ordenado, la creatividad puede extenderse a lugares que antes no existían. Mendeléyev lo demostró con los elementos químicos en 1869. Adrià y su equipo lo demostraron con las 1.846 piezas del Catálogo General entre 1987 y 2011. Este corpus propone demostrarlo con los design systems agénticos a partir de 2026.

Diálogo abierto

Este corpus se construye en conversación. Cuando una persona del campo (autor, practitioner, investigador) acepte ser citada o aporte una corrección, su contribución aparecerá aquí con su nombre y la fecha de la conversación. Hasta entonces no hay lista de advisory.

La regla es la misma que rige el resto del sitio: catalogar lo que existe, no anunciar lo que se desea. Cuando haya una primera contribución documentada, esta sección se reescribirá nombrándola.

Canal abierto para quien quiera proponer una contribución o discutir el corpus: me@joanarbo.com.

Créditos

• Texto: Joan Arbó. Todo. Sin agente activo en Fase 1.
• Diseño y desarrollo: Joan Arbó, con asistencia conversacional de Claude (Anthropic) para aspectos de scaffolding técnico, declarada aquí por coherencia deontológica.
• Fotografía (próxima Fase 2): Dídac Alcoba, con referencia explícita al lenguaje visual de Francesc Guillamet.
• Revisión editorial: pendiente de asignación.

Referencias audiovisuales

Cuatro piezas que este corpus reconoce como antecedentes directos. Los vídeos se embedan desde sus canales oficiales con youtube-nocookie.com para no depositar cookies antes del play. Ningún reproductor arranca solo: el play es siempre opt-in del lector.

Reproducir

TKTK

Pendiente de ID canónico de YouTube. Cuando el archivo oficial esté confirmado, reemplazar videoId.

TKTK

Pendiente de ID canónico de YouTube. Cuando el archivo oficial esté confirmado, reemplazar videoId.

TKTK

Pendiente de ID canónico de YouTube. Cuando el archivo oficial esté confirmado, reemplazar videoId.

Contacto

Dos canales únicos. Uno editorial, uno institucional.

• me@joanarbo.com · correspondencia editorial, contribuciones al corpus, prensa, entrevistas, citas, correcciones, cualquier cosa que tenga que ver con esta web o con Joan Arbó como editor.
• hola@institutoagentico.com · cohortes, programas ejecutivos, inscripciones, todo lo que tenga que ver con el Instituto como organización.

Versión 0.1 · Mayo 2026 · Cambios significativos se registrarán aquí.