099 seccion

Colofón

Método editorial, deontología del agente, créditos y licencia. Qué hace este sitio, qué nunca hará, y quién pone la mano para firmarlo.

Publicado
Lectura
5 min

Joan Arbó

Principal UX Engineer. Ex-Amazon Alexa, Design & Dev Lead en una fintech con agentes humanos en 40 mercados y 14 lenguas, fundador del Instituto de Diseño Agéntico. Escribe desde Barcelona sobre rigor documental como forma de innovación. Este sitio es su manifiesto y corpus público sobre los tres estados del design system.

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.

El asterisco de seis puntas ⁕ cierra cada pieza. Herencia editorial del crucigrama de fin de artículo en prensa cultural: una marca silenciosa que dice «aquí termina la lectura, el resto es maquinaria».

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.

Los tiempos de lectura declarados en cada pieza (p. ej. «18 min», «6 min») son estimaciones a razón de 230 palabras por minuto, redondeadas al minuto. Varían según el lector y no pretenden ser medición precisa.

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 (Q3 2026) · primera tanda de fichas de Compendio.
Hitos previstos

15 jun 2026 · libro digital ES  ·  5 nov 2026 · White Paper “State of Agentic DS 2026”  ·  15 sep 2027 · libro Rosenfeld EN

Agente activo
No. Todo el texto está escrito por Joan Arbó.
Telemetría
No. Ningún script de analítica en Fase 1.
Cookies
Ninguna propia. Netlify puede establecer una de sesión interna.

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.

Advisory informal

Durante 2026 y 2027 este corpus dialogará con personas cuyo trabajo es su referencia directa. Sus contribuciones aparecerán como citas puntuales, nunca como endorsement. El orden de conversación previsto:

  • Brad Frost · autor de Agentic Design Systems.
  • Lou Rosenfeld · editor de Rosenfeld Media, que publicará el libro en inglés.
  • Robin Berjon · governance y policy en tecnología.
  • Nicole Sullivan · OOCSS, SMACSS, fundamentos del Estado 1.
  • Nathan Curtis · EightShapes.
  • Jina Anne · DTCG, Design Tokens.
  • Ben Callahan · sistemas como práctica.
  • Josh Clark · AI y diseño de producto.
  • Brian Mall · governance en sistemas corporativos grandes.

Si eres una de estas personas y estás leyendo esto: cuenta con una invitación abierta. Si no apareces y crees que deberías: el canal sigue abierto en me@joanarbo.com.

Créditos

  • Texto: Joan Arbó. Todo. Sin agente, 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.

Miniatura de Powers of Ten
№ Ø07 Powers of Ten Charles & Ray Eames · Eames Office 1977 Fuente Un zoom desde 10²³ metros hasta 10⁻¹⁶ en diez minutos. La prueba cinematográfica de que la escala es un eje de diseño.
Miniatura de Agentic Design Systems in 2026
№ Ø08 Agentic Design Systems in 2026 Brad Frost 2025 Fuente Brad Frost y Dominic Nguyen (Chromatic) analizan qué determina el éxito de un agente dentro de tu design system. Arquitectura, governance y cómo exponer el sistema a través de MCP (Model Context Protocol).
Miniatura de The Future of Information Design
№ Ø09 The Future of Information Design Edward Tufte 2016 Fuente Edward Tufte en el Microsoft Machine Learning & Data Science Summit 2016 presenta principios de data-ink ratio, sparklines y visualización clara de información. La filosofía que sustenta el Estado 1 del design system.
Miniatura de I never wanted to become a cook
№ Ø10 I never wanted to become a cook Ferran Adrià 2017 Fuente Ferran Adrià, cofundador de elBulli, habla sobre su carrera, su legado y la enseñanza de la próxima generación de cocineros. Precisión, innovación y rigor documental aplicado a la gastronomía como metáfora del design system.

Contacto

Ficha técnica

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

  • 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.

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