El Sol en el foco
Manual de Marca v1.0
Un prompt · 36 universos · universo-arena.alexanderoviedofadul.dev · Octubre de 2026
Contenido
El Sol en el foco, con su fuente
El primer manual de marca de Universo-Arena, el benchmark abierto en el que 36 combinaciones de modelo y agente de código resuelven el mismo reto [2]. Mide lo que la galería ya tenía —el Sol de la barra y sus colores [18]— y fija las reglas de lo que viene.
01
Un prompt, muchos universos
Origen y nombre
Universo-Arena nació el 15 de junio de 2026 con una pregunta: si muchos modelos y agentes reciben el mismo reto, ¿quién construye el mejor universo?
El nombre
Universo + Arena
«Universo» es lo que cada entrega construye: una simulación 3D del Sistema Solar con BabylonJS, en un único index.html que se abre con doble clic [1]. «Arena» es el sitio donde se comparan: todas reciben el mismo reto, en una sola pasada, y se puntúan con la misma rúbrica [2].
El nombre se escribe con guion, como en el repositorio y en la barra de la galería: Universo-Arena [9, 18].
La metáfora
El Sol en el foco
Casi todas las entregas «se ven bien». Lo que separó a las mejores fueron dos detalles que solo resuelve quien entiende la física [6]:
- El Sol en el foco de la elipse, no en el centro:
x = a·cosθ − a·e. - La cola del cometa lejos del Sol: el vector es
cometa − Sol, recalculado en cada fotograma.
02
Juzgado por ejecución
La arena
Un benchmark abierto: el mismo reto, una sola pasada, y una nota que solo vale si la ejecución real la confirma.
Las tres señales
Ningún archivo se juzga solo por su código
Lee el index.html completo y el reto, y puntúa diez categorías verificando el código, no los comentarios. [3]
Cada entrega se abre en un navegador: captura, objetos en escena, FPS y errores de consola. Se juzga por lo que hace al abrirse. [5]
Un juez normaliza las notas entre jurados. Donde la lectura del código contradice la ejecución, manda la ejecución. [3]
La rúbrica
10 categorías, 100 puntos: leídas de la tabla de docs/rubric.md al construir [4].
Los tiers
Cinco tramos, cada uno con su color
Fiel al spec y correcto en los detalles difíciles.
Muy completo, con algún fallo concreto.
Completo, con un requisito nuclear incumplido.
Funciona, con varios bugs reales.
Entrega parcial o con fallos graves.
Los cortes se leen de docs/methodology.md y el número de entregas de cada tramo, de assets/benchmark.json [3, 7].
En cifras
Los artefactos
Una fuente, muchas salidas
Fuente única: de aquí salen el README, docs/results.md, la galería y este manual.
WebGL, objetos en escena, FPS y errores de cada entrega, medidos al abrirla.
Lo que se ve al abrir cada simulación, en Chrome headless.
El prompt idéntico que recibió cada combinación de modelo y agente.
03
El Sol de la barra
Símbolo y logotipo
El símbolo es el Sol que la galería llevaba en la barra desde el primer día. No se redibuja: se mide.
Anatomía
Un disco, un degradado, un nombre
- 1El disco · el Sol
Un círculo lleno: el Sol de la barra de la galería, de 26 px. Es el favicon y el icono.
- 2El brillo · arriba a la izquierda
El degradado nace en (35 %, 30 %): la luz llega de arriba a la izquierda, como en la galería.
- 3Cuatro paradas · del blanco a la brasa
Blanco, Sol (30 %), Fulgor (65 %) y Brasa (100 %). Son las del radial-gradient original.
- 4«Universo-Arena» · el nombre
Inter 800 con el guion, como en la barra. Tinta sobre claro, Estelar sobre oscuro.
- 5Sin rediseño
Todo lo anterior ya estaba en la galería. Esta versión lo mide y lo pasa a vector; no lo cambia.
Construcción
Las cotas del CSS
Cómo se midió
La regla original es radial-gradient(circle at 35% 30%, #fff, #ffd24a 30%, #ff7a3c 65%, #7a1d00) sobre un círculo de 26 px [18].
Sin tamaño explícito, CSS lleva el degradado hasta la esquina más lejana de la caja [25]: desde (35, 30) hasta (100, 100) hay 95,5 u en un viewBox de 100. El SVG maestro usa exactamente ese radio, así que el vector y el CSS pintan lo mismo.
El halo (box-shadow: 0 0 18px) es un efecto de pantalla sobre oscuro: no forma parte del símbolo ni se imprime.
Versiones
Horizontal, vertical y una tinta
Área de protección
Aire alrededor
Tamaños mínimos
Hasta dónde se reduce
logotipo horizontal 140 px de ancho · Sol 16 px
logotipo horizontal 35 mm · Sol 5 mm
el Sol entero, sin el nombre
Por debajo de 16 px el degradado se pierde: el Sol pasa a la versión de una tinta.
Usos incorrectos
Lo que no se hace
No estirar ni comprimir el logotipo
No cambiar los colores del Sol
No dibujar el Sol en el centro de una órbita elíptica
No dibujar la cola del cometa hacia el Sol
No usar la versión negativa sobre claro
No aplicar sombras duras, biseles ni 3D
No escribir «UNIVERSO ARENA», «UniversoArena» ni «Universe Arena»
No añadir rayos, caras ni anillos al Sol
Favicon e iconos
El Sol solo
Los PNG salen del mismo SVG maestro con rsvg-convert: 16, 32, 180, 192 y 512 px.
Fondos
Sobre qué va cada versión
Vacío #05060F: la galería y el manual en oscuro
Cosmos #0A0D1F: fichas, paneles y pie
Blanco o Niebla: documentos y PDF
Sobre un color de marca: solo la versión blanca
04
Una paleta cerrada
Color
Colores con nombre y origen: los del Sol, los que la galería ya declaraba y los que hacían falta para el papel.
El Sol
Cuatro paradas, del blanco a la brasa
Solo para el símbolo y su halo. No es un fondo: sobre él no se escribe.
Solo para notas. Color y letra siempre juntos: nunca un tier solo por su color.
El blanco del centro no es un color de la paleta: es el brillo del Sol.
Superficies y texto
El vacío y lo que se lee encima
Tiers
La nota tiene color, y siempre letra
Sobre oscuro, cada tier es su color; sobre claro se escribe con su versión profunda, que sí llega a AA.
Para papel y vistas claras
Derivados con su contraste
Contraste
Calculado, no estimado
| Muestra | Texto / fondo | Contraste | WCAG 2.1 | Uso |
|---|---|---|---|---|
| Aa | #EAF0FF / #05060F | 17.71 : 1 | AAA | Texto de cuerpo sobre el Vacío |
| Aa | #9AA8D4 / #05060F | 8.59 : 1 | AAA | Texto secundario |
| Aa | #7884B5 / #05060F | 5.55 : 1 | AA | Notas pequeñas: el token --faint [21] |
| Aa | #7C9CFF / #05060F | 7.75 : 1 | AAA | Enlaces y foco |
| Aa | #FFD24A / #05060F | 14.02 : 1 | AAA | Tier S y la nota del podio |
| Aa | #56E0A6 / #0A0D1F | 11.56 : 1 | AAA | «0 errores» en las tarjetas |
| Aa | #0B1024 / #FFFFFF | 18.85 : 1 | AAA | Texto sobre claro |
| Aa | #3550C4 / #FFFFFF | 6.78 : 1 | AA | Antetítulos sobre claro |
| Aa | #8A5A00 / #FFFFFF | 5.93 : 1 | AA | Tier S sobre claro |
| Aa | #7C9CFF / #FFFFFF | 2.61 : 1 | No apto | El acento sobre claro: no se usa para texto |
Retirados
Lo que sale de la galería
| Hex | Nombre | Por qué sale | Lo sustituye | |
|---|---|---|---|---|
| #02030A | Negro del pie (index.html anterior) | Tres negros casi iguales al Vacío para el pie y el modal: no se distinguen a simple vista | Vacío #05060F | |
| #06081A | Fondo de tarjeta (index.html anterior) | Variante sin nombre entre el Vacío y el Cosmos | Cosmos #0A0D1F | |
| #080A18 | Fondo del modal (index.html anterior) | Otra variante sin nombre | Cosmos #0A0D1F | |
| #0C1024 | Degradado de la ficha (index.html anterior) | Otra variante sin nombre | Cosmos #0A0D1F | |
| #FF7A7A | Rojo del aviso (index.html anterior) | Casi el mismo rojo que el tier D, con otro valor | Coral #FF7D8A | |
| #BCD0FF | Etiqueta del radar (index.html anterior) | Escrito en el JavaScript, fuera de los tokens | Polvo #9AA8D4 |
05
Inter y JetBrains Mono
Tipografía
Una sola familia para leer y otra para las fórmulas. Las dos, servidas desde el propio sitio.
La galería ya pedía Inter, pero nunca la cargaba: se veía con la fuente del sistema [18]. Ahora va autoalojada, recortada al latín [26].
Para las fórmulas de las trampas, los nombres de carpeta y los datos de ejecución [27].
Escala
De la portada a la nota
| Nivel | Familia | Tamaño | Muestra |
|---|---|---|---|
| Portada | Inter 800 | 56 px | Un prompt. 36 universos. |
| H2 | Inter 800 | 36 px | Los tres mejores universos |
| H3 | Inter 700 | 18 px | La cola del cometa |
| Cuerpo | Inter 400 | 16 px / 1,55 | Cada entrega se juzga por lo que hace al abrirse. |
| Fórmula | JetBrains Mono 400 | 14 px | x = a·cosθ − a·e |
| Nota | Inter 800 tabular | 28 px | 97/100 |
Tokens
Lo que copia la galería
El build escribe la paleta en assets/marca/tokens-v1.css y la galería la enlaza; nada se copia a mano [23].
/* EL SOL · .brand .dot */ --ua-sol: #FFD24A; --ua-fulgor: #FF7A3C; --ua-brasa: #7A1D00; /* SUPERFICIES Y TEXTO */ --ua-vacio: #05060F; --ua-cosmos: #0A0D1F; --ua-estelar: #EAF0FF; --ua-polvo: #9AA8D4; --ua-tenue: #7884B5; /* ACENTOS */ --ua-orbita: #7C9CFF; --ua-nebulosa: #C08BFF; /* TIERS */ --ua-sol: #FFD24A; --ua-esmeralda: #56E0A6; --ua-celeste: #57B6FF; --ua-nebulosa: #C08BFF; --ua-coral: #FF7D8A;
06
La galería
Interfaces
La galería es la cara del benchmark: un recorrido por el método y las 36 entregas, con su captura real y su ficha.
Arquitectura
Recorrido, podio, galería, método
Recorrido
Podio
Galería
Hallazgos
Método
Todo lo que muestra la galería sale de assets/benchmark.json al construirla; los datos viajan en la página como JSON no ejecutable, para que siga abriendo con doble clic [9, 23].
Componentes
Botones, tiers y tarjetas
GPT-5.5 · Codex · 97/100 · tier S
302 objetos · 1496 líneas · 0 errores de consola. Todo sale de assets/benchmark.json: la galería no escribe una cifra a mano.
07
Donde aparece
Aplicaciones
La galería, la imagen para compartir y la ficha de cada entrega: tres aplicaciones, la misma órbita.
Órbita viva
La metáfora en movimiento
Un planeta recorre su elipse con la ecuación de Kepler —más rápido cerca del Sol— y el cometa lleva la cola en el sentido cometa − Sol en cada fotograma [4]. Con movimiento reducido queda la imagen fija.
Imagen para compartir
1200 × 630
Un prompt. 36 universos.
Benchmark abierto de LLM + agente de código, juzgado por ejecución real.
10 criterios34/36 sin erroresuniverso-arena.alexanderoviedofadul.dev
La imagen anterior mostraba el Sol en el centro de órbitas concéntricas y un lema en inglés sin fuente [18]. La nueva sale de este manual y cambia de nombre con cada versión, porque las redes la guardan por URL [23].
Ficha de una entrega
Cabecera de la ficha
GPT-5.5 · Codex
Tier SLa ficha que abre cada tarjeta lleva el nombre del modelo y del agente, la nota, el puesto y los datos medidos al abrirla. Los del ejemplo son los reales del primer puesto [7].
08
Se juzga por ejecución
Tono y voz
Universo-Arena no opina de los modelos: dice lo que hicieron al abrirse.
Un prompt. Muchos universos.
Juzgado por lo que hace al abrirse
Cómo habla
Con datos y sin adornos
Así sí, así no
Ejemplos
| Así no | Así sí |
|---|---|
| El mejor modelo del mundo | La nota más alta de esta arena: 97/100 |
| La IA ya programa sola | Las 36 entregas arrancan; 34/36 sin errores de consola |
| GPT gana a Claude | Empate a 97 entre 3 entregas; el orden del podio sigue la regla contra el auto-favoritismo |
| Evolution Hub | Benchmark abierto de LLM + agente de código |
09
Reglas de la galería
Web
La galería se genera; las entregas se conservan. Y todo sigue abriendo con doble clic.
Contrato
Lo que no se negocia
- Las carpetas de las entregas no se tocan. Son los resultados: cambiarlas falsea la comparación [9].
- Los datos salen de assets/benchmark.json, y la galería se genera con scripts/generar_galeria.py [23].
- Abre con doble clic. Rutas relativas y datos en la página; nada de fetch de un JSON local [9].
- Sin terceros al cargar. Fuentes, GSAP y Lenis van en el propio sitio; GSAP y Lenis solo tras la primera interacción.
Rendimiento y seguridad
Medido antes y después
- La galería no ejecuta scripts en línea: los datos van como application/json y el resto en ficheros, para una CSP sin unsafe-inline en la portada [23].
- Las demos sí necesitan unsafe-eval: BabylonJS compila sus shaders así [20].
- Las capturas se sirven en WebP a la medida de la tarjeta; los PNG originales siguen en assets/previews/.
- llms.txt y sitemap.xml listan las mismas carpetas que benchmark.json: el audit lo comprueba [19].
10
Versionado e inmutable
Gobernanza y fuentes
Un manual con versión y con fuentes: lo que no se puede comprobar, no se publica.
Versiones
Esta carpeta no se edita
- v1.0 es un estado congelado: cualquier cambio de fondo abre v1.1 o v2.0 en otra carpeta.
- Se editan contenido/, plantillas/ y assets/; después build, PDF y audit, y se commitea todo junto.
- El audit debe terminar en 0 fallos.
Lo que corrige
Respecto a la galería anterior
- Cuatro negros sin nombre pasan a dos: Vacío y Cosmos [18].
- Inter se declaraba y no se cargaba; ahora va autoalojada [26].
- Las cifras del «estado del arte» estaban escritas a mano y se quedaron atrás más de una vez; ahora se calculan [10].
- La imagen para compartir ya no pone el Sol en el centro de las órbitas.
Bibliografía
Fuentes (1)
- Universo-Arena. Prompt-Maestro_v2.txt. El reto que implementa cada entrega: simulación 3D del Sistema Solar con BabylonJS en un único index.html. Prompt-Maestro_v2.txt
- Universo-Arena. README.md. Resumen del benchmark, tablas de ranking y análisis comparativo. README.md
- Universo-Arena. docs/methodology.md. Las tres señales, el caso GLM-5.2, la escala de tiers y la ampliación del método desde la 6.ª tanda. docs/methodology.md
- Universo-Arena. docs/rubric.md. Las 10 categorías y sus máximos, las dos trampas, el tercer discriminador y los tiers. docs/rubric.md
- Universo-Arena. docs/harness.md. Captura y datos de ejecución con Puppeteer sobre Chrome headless (SwiftShader). docs/harness.md
- Universo-Arena. docs/conclusions.md. Análisis, conclusiones y estado del arte. docs/conclusions.md
- Universo-Arena. assets/benchmark.json. Fuente única del ranking: nota, tier, desglose, rasgos, fortalezas y debilidades de cada entrega. El build la lee. assets/benchmark.json
- Universo-Arena. assets/runtime.json. Datos objetivos de ejecución: WebGL, objetos en escena, FPS y errores. assets/runtime.json
- Universo-Arena. CLAUDE.md. Convenciones del repositorio: una carpeta por entrega, datos en línea y regla absoluta. CLAUDE.md
- Universo-Arena. CHANGELOG.md. Registro de cambios por tanda. CHANGELOG.md
- Historial de git. Commit 914f279. 15-06-2026: primera entrega (simulación 3D con BabylonJS y panel de control). git log 914f279
- Historial de git. Commit b9f17ac. 15-06-2026: banner del proyecto, galería index.html y assets/benchmark.json. git log b9f17ac
- Historial de git. Commit 937ab0c. 15-06-2026: SEO/GEO, endurecimiento de cabeceras y PageSpeed 100/100/100/100. git log 937ab0c
- Universo-Arena. docs/segunda-tanda-2026-06-17.md. Segunda tanda: 17 entradas. docs/segunda-tanda-2026-06-17.md
- Universo-Arena. docs/cuarta-tanda-2026-07-05.md. Cuarta tanda: 23 entradas. docs/cuarta-tanda-2026-07-05.md
Bibliografía
Fuentes (2)
- Universo-Arena. docs/sexta-tanda-2026-07-27.md. Sexta tanda: 26 entradas y triple empate en 97. docs/sexta-tanda-2026-07-27.md
- Universo-Arena. docs/decima-tanda-2026-08-07.md. Décima tanda: 36 entradas (commit ca4a05b del 18-08-2026). docs/decima-tanda-2026-08-07.md
- Universo-Arena. index.html hasta el 11-oct-2026 (commit 8acc8ef). La galería anterior: el Sol de la barra (.brand .dot) y el :root de colores de los que sale esta paleta. git show 8acc8ef:index.html
- Universo-Arena. docs/seo-geo-2026-06-15.md. Metas, JSON-LD, robots.txt, sitemap.xml y llms.txt derivados del benchmark. docs/seo-geo-2026-06-15.md
- Universo-Arena. docs/security-audit-2026-06-15.md. Cabeceras de seguridad del vhost y por qué la CSP admite unsafe-eval (BabylonJS). docs/security-audit-2026-06-15.md
- Universo-Arena. docs/pagespeed-2026-06-15.md. PageSpeed de la galería anterior y el token --faint. docs/pagespeed-2026-06-15.md
- Universo-Arena. docs/deployment.md. Despliegue: Caddy sirve la raíz del repositorio y un webhook hace git pull en cada push. docs/deployment.md
- Universo-Arena. docs/rediseno-2026-10/README.md. Este rediseño: la galería con el kit, medición y decisiones. docs/rediseno-2026-10/README.md
- Pentest C360. Manual de Marca Pentest C360 v1.0. Kit del que se copian los scripts y el CSS (← Isabella EA v2.0 ← Maloca v2.0 ← ENKI v2.0 ← KANSA v6.0). /root/pentest-c360/docs/Manual_Marca_PentestC360/v1.0
- W3C. CSS Images Module Level 3, §3.2 radial-gradient(). Sin tamaño explícito, un degradado radial llega a la esquina más lejana (farthest-corner). https://www.w3.org/TR/css-images-3/#radial-gradients
- Rasmus Andersson. Inter. Tipografía de la marca, SIL Open Font License 1.1. https://rsms.me/inter/
- JetBrains. JetBrains Mono. Tipografía de las fórmulas y datos, SIL Open Font License 1.1. https://www.jetbrains.com/lp/mono/
- W3C. Web Content Accessibility Guidelines (WCAG) 2.1. Criterio 1.4.3 Contraste (mínimo): 4,5 : 1 texto, 3 : 1 texto grande. https://www.w3.org/TR/WCAG21/
- Universo-Arena. LICENSE. Licencia MIT, © 2026 Alexander Oviedo Fadul. LICENSE
Casi todas las entregas se ven bien. La diferencia está en los detalles que solo resuelve quien entiende la física: el Sol en el foco y la cola lejos del Sol.
universo-arena.alexanderoviedofadul.dev · Manual de Marca v1.0 · Octubre de 2026 · Generado desde una sola fuente por scripts/build_v1.py