Este sitio por dentro

Este sitio es un sistema. Esta página abre cada parte.

Al abrir, la página lee su propio código fuente, mide cada archivo y revisa las reglas que el sitio dice seguir. Ningún número aquí fue escrito a mano: todos se calculan ahora, en tu navegador.

01 Base visual2 archivos · 4 líneas02 Datos3 archivos · 6 líneas03 Contenido5 archivos · 10 líneas04 Idiomas6 archivos · 12 líneas05 Módulos22 archivos · 230 líneas06 Estilo6 archivos · 12 líneas07 Páginas15 archivos · 990 líneas

Cada bloque es un archivo. Altura = líneas de código, medidas ahora.

1264
líneas de código
59
archivos leídos
663,0
KB de código
736
textos × 3 idiomas

Lectura y verificación terminadas en 1595 ms.

Capas

Cada parte interactiva es un archivo con una sola responsabilidad: hero, panel de sistemas, métodos, Rayos X, caso y esta página.

  • shell.js2 líneas
  • levels.js6 líneas
  • field.js2 líneas
  • home.js2 líneas
  • city.js2 líneas
  • sys.js2 líneas
  • drawer.js9 líneas
  • methods.js2 líneas
  • about.js2 líneas
  • raiox.js11 líneas
  • case.js2 líneas
  • case-replay.js2 líneas
  • inside.js119 líneas
  • pages.js2 líneas
  • lab.js20 líneas
  • lab-links.js2 líneas
  • manifesto.js9 líneas
  • changelog.js7 líneas
  • extras.js13 líneas
  • play.js5 líneas
  • cost.js7 líneas
  • seo.js2 líneas

Verificado ahora

Ocho reglas, revisadas por el propio código.

Cada fila es una prueba determinista: el mismo código da siempre la misma respuesta. Es el nivel más alto de la Jerarquía de verificación.

  1. Traducciones completas

    Todo texto del diccionario tiene versión en PT, EN y ES.

    Pasó736 textos · 0 faltantes

  2. Ningún texto roto

    Toda marca de texto en las páginas apunta a una entrada que existe.

    Pasó461 marcas · 0 rotas

  3. Solo el design system

    Toda variable de estilo usada existe en la base visual.

    Pasó96 tokens en uso · 0 fuera del sistema

  4. Contraste legible

    Cada color de texto del CSS contra los fondos del sitio, con la fórmula WCAG.

    Pasómenor contraste 5,31:1 · mínimo 4,5:1

  5. Sin bibliotecas de terceros

    Ningún script externo. HTML, CSS y JavaScript escritos para este sitio.

    Pasó0 scripts externos

  6. Sin rastreo

    Ningún script de analytics o píxel en el código, ninguna cookie guardada.

    Pasó0 rastreadores · 0 cookies

  7. Respeta “reducir movimiento”

    Todo módulo animado apaga la animación cuando el sistema operativo lo pide.

    Pasó11 de 11 módulos animados

  8. Ligero

    Suma del código del portal, sin los textos del Lab. Los dibujos se calculan, no son imágenes. Límite de esta regla: 500 KB.

    Falló526,9 KB de código

10 Leyes

Las 10 Leyes, aplicadas a este sitio.

Cinco se revisan en el código ahora. Una se aplica en la propia lista. Las otras cuatro son proceso: están declaradas, y la etiqueta lo dice.

01060302080507100409

Altura = cuánto se puede probar. Alto: revisado en el código. Plano: proceso declarado.

  1. 01
    ComposiciónRevisado ahora

    Todo sistema está hecho de partes más pequeñas que se combinan.

    En este sitio22 módulos, un archivo cada uno

  2. 02
    FlujoProceso declarado

    La información se mueve, se transforma y tiene dirección.

    En este sitioToda página termina en uno de tres próximos pasos: leer más en el Lab, recibir Sinal o agendar una llamada.

  3. 03
    ContratoRevisado ahora

    Cada parte define formalmente lo que recibe y lo que entrega.

    En este sitio461 marcas · 0 rotas

  4. 04
    FronteraProceso declarado

    Cada parte tiene límites, semánticos y de confianza.

    En este sitioNingún script de terceros corre aquí. Lo que viene de fuera, como capturas y datos de productos, entra como dato y nunca como código.

  5. 05
    IdentidadRevisado ahora

    Los sistemas eficaces tienen un "quién", no solo un "qué".

    En este sitio96 tokens en uso · 0 fuera del sistema

  6. 06
    VerificaciónRevisado ahora

    El sistema se ajusta según el resultado, y no todo juez vale lo mismo.

    En este sitio7 de 8 reglas de esta página pasaron ahora.

  7. 07
    EmergenciaProceso declarado

    El todo produce capacidades que las partes aisladas no tienen.

    En este sitioUn solo motor isométrico dibuja todas las figuras del sitio. Cajones, bloques y planos salen de las mismas reglas.

  8. 08
    Jerarquía epistémicaAplicada en esta lista

    Toda afirmación de calidad vale lo que vale quien la verifica.

    En este sitioLas etiquetas de esta lista: lo que el código prueba va antes de lo que solo está declarado.

  9. 09
    Adaptación de capacidadProceso declarado

    La estructura que compensa un modelo débil estorba a uno fuerte.

    En este sitioEl nivel de lectura cambia la densidad del texto, nunca los hechos. Quien lee como agente recibe el Markdown y los datos estructurados.

  10. 10
    EconomíaRevisado ahora

    Tokens, latencia y costo son decisiones de diseño, no detalles de implementación.

    En este sitio526,9 KB de código

¿Quieres un sistema construido con este rigor?

El diagnóstico gratuito de 1h aplica los Rayos X a tu operación y muestra por dónde empezar.

Inicio

Cuánto cuesta producir este sitio.

Costo para producir este texto

Ver el costo del sitio entero

Hablemos

Escríbeme directo. Respondo personalmente, normalmente el mismo día.