Este site por dentro

Este site é um sistema. Esta página abre cada parte.

Ao abrir, a página lê o próprio código-fonte, mede cada arquivo e confere as regras que o site diz seguir. Nenhum número aqui foi digitado: todos são calculados agora, no seu navegador.

01 Fundação visual2 arquivos · 4 linhas02 Dados3 arquivos · 6 linhas03 Conteúdo5 arquivos · 10 linhas04 Idiomas6 arquivos · 12 linhas05 Módulos22 arquivos · 230 linhas06 Estilo6 arquivos · 12 linhas07 Páginas15 arquivos · 990 linhas

Cada bloco é um arquivo. Altura = linhas de código, medidas agora.

1.264
linhas de código
59
arquivos lidos
663,0
KB de código
736
textos × 3 idiomas

Leitura e verificação concluídas em 1.530 ms.

Camadas

Cada parte interativa é um arquivo com uma única responsabilidade: hero, painel dos sistemas, métodos, Raio-X, caso e esta página.

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

Verificado agora

Oito regras, conferidas pelo próprio código.

Cada linha é um teste determinístico: o mesmo código dá sempre a mesma resposta. É o nível mais alto da Hierarquia de verificação.

  1. Traduções completas

    Todo texto do dicionário tem versão em PT, EN e ES.

    Passou736 textos · 0 faltando

  2. Nenhum texto quebrado

    Toda marcação de texto nas páginas aponta para uma entrada que existe.

    Passou461 marcações · 0 quebradas

  3. Só o design system

    Toda variável de estilo usada existe na fundação visual.

    Passou96 tokens em uso · 0 fora do sistema

  4. Contraste legível

    Cada cor de texto do CSS contra os fundos do site, pela fórmula da WCAG.

    Passoumenor contraste 5,31:1 · mínimo 4,5:1

  5. Sem bibliotecas de terceiros

    Nenhum script externo. HTML, CSS e JavaScript escritos para este site.

    Passou0 scripts externos

  6. Sem rastreamento

    Nenhum script de analytics ou pixel no código, nenhum cookie gravado.

    Passou0 rastreadores · 0 cookies

  7. Respeita “reduzir movimento”

    Todo módulo animado desliga a animação quando o sistema operacional pede.

    Passou11 de 11 módulos animados

  8. Leve

    Soma do código do portal, sem os textos do Lab. Os desenhos são calculados, não são imagens. Limite desta regra: 500 KB.

    Falhou526,9 KB de código

10 Leis

As 10 Leis, aplicadas a este site.

Cinco são conferidas no código agora. Uma se aplica na própria lista. As outras quatro são processo: estão declaradas, e a etiqueta diz isso.

01060302080507100409

Altura = o quanto dá para provar. Alto: conferido no código. Plano: processo declarado.

  1. 01
    ComposiçãoConferido agora

    Todo sistema é feito de partes menores que se combinam.

    Neste site22 módulos, um arquivo cada

  2. 02
    FluxoProcesso declarado

    Informação se move, se transforma e tem direção.

    Neste siteToda página termina em um de três próximos passos: ler mais no Lab, receber o Sinal ou marcar uma conversa.

  3. 03
    ContratoConferido agora

    Cada parte define formalmente o que recebe e o que entrega.

    Neste site461 marcações · 0 quebradas

  4. 04
    FronteiraProcesso declarado

    Cada parte tem limites, semânticos e de confiança.

    Neste siteNenhum script de terceiros roda aqui. O que vem de fora, como prints e dados de produtos, entra como dado e nunca como código.

  5. 05
    IdentidadeConferido agora

    Sistemas eficazes têm um "quem", não apenas um "o quê".

    Neste site96 tokens em uso · 0 fora do sistema

  6. 06
    VerificaçãoConferido agora

    O sistema se ajusta pelo resultado, e nem todo juiz vale o mesmo.

    Neste site7 de 8 regras desta página passaram agora.

  7. 07
    EmergênciaProcesso declarado

    O todo produz capacidades que as partes isoladas não têm.

    Neste siteUm só motor isométrico desenha todas as figuras do site. Gavetas, blocos e plantas saem das mesmas regras.

  8. 08
    Hierarquia epistêmicaAplicada nesta lista

    Toda afirmação de qualidade vale o que vale quem a verifica.

    Neste siteAs etiquetas desta lista: o que o código prova vem antes do que só está declarado.

  9. 09
    Adaptação de capacidadeProcesso declarado

    Estrutura que compensa modelo fraco atrapalha modelo forte.

    Neste siteO nível de leitura muda a densidade do texto, nunca os fatos. Quem lê como agente recebe o Markdown e os dados estruturados.

  10. 10
    EconomiaConferido agora

    Tokens, latência e custo são decisões de projeto, não detalhe de implementação.

    Neste site526,9 KB de código

Quer um sistema construído com esse rigor?

O diagnóstico gratuito de 1h aplica o Raio-X na sua operação e mostra por onde começar.

Início

Quanto custa produzir este site.

Custo para produzir este texto

Ver o custo do site inteiro

Vamos conversar

Me chama direto. Eu respondo pessoalmente, normalmente no mesmo dia.