<?xml version="1.0" encoding="UTF-8"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en">
    <title>Brenner Cruvinel - neurodivergência</title>
    <subtitle>AI researcher and product designer building at the edge of computer science and mental health.</subtitle>
    <link rel="self" type="application/atom+xml" href="https://brennercruvinel.blog/tags/neurodivergencia/atom.xml"/>
    <link rel="alternate" type="text/html" href="https://brennercruvinel.blog"/>
    <generator uri="https://www.getzola.org/">Zola</generator>
    <updated>2025-05-12T00:00:00+00:00</updated>
    <id>https://brennercruvinel.blog/tags/neurodivergencia/atom.xml</id>
    <entry xml:lang="en">
        <title>Design System para Pessoas Neurodivergentes: Evidência sobre Tipografia, Cor e Layout</title>
        <published>2025-05-12T00:00:00+00:00</published>
        <updated>2025-05-12T00:00:00+00:00</updated>
        
        <author>
          <name>
            Brenner Cruvinel
          </name>
        </author>
        
        <link rel="alternate" type="text/html" href="https://brennercruvinel.blog/blog/design-system-neurodivergente/"/>
        <id>https://brennercruvinel.blog/blog/design-system-neurodivergente/</id>
        
        <content type="html" xml:base="https://brennercruvinel.blog/blog/design-system-neurodivergente/">&lt;p&gt;megadump com o que interessa e faz diferença de verdade na hora de projetar &lt;abbr title=&quot;design system&quot;&gt;DS&lt;&#x2F;abbr&gt; para pessoas neurodivergentes.&lt;&#x2F;p&gt;
&lt;h2 id=&quot;o-que-a-evidencia-mostra&quot;&gt;o que a evidência mostra&lt;&#x2F;h2&gt;
&lt;h3 id=&quot;tipografia&quot;&gt;tipografia&lt;&#x2F;h3&gt;
&lt;p&gt;a questão das fontes pra neurodivergência é complexa e cheia de desinformação comercial. a pesquisa recente desmistifica várias crenças populares sobre fonte especializada.&lt;&#x2F;p&gt;
&lt;p&gt;o estudo mais rigoroso sobre OpenDyslexic, de Wery e Diliberto, 2017, publicado nos Annals of Dyslexia, testou a fonte em crianças com dislexia e descobriu que ela não melhorou velocidade nem precisão de leitura, e nenhuma criança preferiu ler nessa fonte.&lt;sup class=&quot;footnote-reference&quot; id=&quot;fr-wery-1&quot;&gt;&lt;a href=&quot;#fn-wery&quot;&gt;1&lt;&#x2F;a&gt;&lt;&#x2F;sup&gt; design experimental robusto, metodologia single-subject alternating treatment, alta confiabilidade. importa porque contraria fortemente a alegação comercial dessas fontes e evita desperdício de recurso.&lt;&#x2F;p&gt;
&lt;p&gt;Kuster e colaboradores, 2018, Annals of Dyslexia, compararam a fonte comercial Dyslexie com Arial e Times New Roman. com 64 crianças com dislexia e 64 controles, não acharam benefício com a Dyslexie.&lt;sup class=&quot;footnote-reference&quot; id=&quot;fr-kuster-1&quot;&gt;&lt;a href=&quot;#fn-kuster&quot;&gt;2&lt;&#x2F;a&gt;&lt;&#x2F;sup&gt; confiabilidade alta, estudo controlado com amostra robusta em periódico de alto impacto. fundamental porque a Dyslexie é vendida ativamente pra escola.&lt;&#x2F;p&gt;
&lt;p&gt;o que funciona, por evidência consolidada, é fonte sans-serif convencional. um estudo da British Dyslexia Association e várias pesquisas convergem que Arial, Verdana, Calibri, Helvetica e Open Sans têm desempenho superior. Rello e Baeza-Yates, 2013, com eye-tracking em leitores disléxicos, documentaram que sans-serif tradicional supera a especializada.&lt;sup class=&quot;footnote-reference&quot; id=&quot;fr-rello-1&quot;&gt;&lt;a href=&quot;#fn-rello&quot;&gt;3&lt;&#x2F;a&gt;&lt;&#x2F;sup&gt; confiabilidade alta, combinou medida objetiva (eye-tracking) com subjetiva. essas fontes funcionam porque têm forma limpa, sem ornamento que crie ruído visual, e espaçamento consistente entre caracteres.&lt;&#x2F;p&gt;
&lt;p&gt;pra criança com &lt;abbr title=&quot;transtorno de déficit de atenção e hiperatividade&quot;&gt;TDAH&lt;&#x2F;abbr&gt;, o blog Neurodivergent documenta experiência pessoal e observação clínica sobre como sans-serif facilita identificar palavra-chave e reduz fadiga visual.&lt;sup class=&quot;footnote-reference&quot; id=&quot;fr-ndblog-1&quot;&gt;&lt;a href=&quot;#fn-ndblog&quot;&gt;4&lt;&#x2F;a&gt;&lt;&#x2F;sup&gt; é evidência anedótica, não estudo controlado, mas reflete padrão consistente relatado por vários indivíduos com TDAH e serve de ponto de partida pra design participativo.&lt;&#x2F;p&gt;
&lt;p&gt;um achado crítico do estudo indiano de 2023 no Common Ground Research Networks sobre crianças com TDAH: fontes que lembram a escrita manual infantil tiveram melhor desempenho de atenção.&lt;sup class=&quot;footnote-reference&quot; id=&quot;fr-cgrn-1&quot;&gt;&lt;a href=&quot;#fn-cgrn&quot;&gt;5&lt;&#x2F;a&gt;&lt;&#x2F;sup&gt; testou cinco crianças com TDAH em nove combinações de tamanho e tipo de fonte, com especialista em remediação presente. confiabilidade moderada pelo n pequeno, mas a metodologia rigorosa com validação por especialista aumenta a relevância. sugere que familiaridade visual reduz carga cognitiva.&lt;&#x2F;p&gt;
&lt;p&gt;pra tamanho de fonte, as recomendações convergem entre 12 e 16 pontos pra corpo, com o Neurodiversity Design System sugerindo 16 pontos como ideal pra ambiente de aprendizado.&lt;sup class=&quot;footnote-reference&quot; id=&quot;fr-ndstype-1&quot;&gt;&lt;a href=&quot;#fn-ndstype&quot;&gt;6&lt;&#x2F;a&gt;&lt;&#x2F;sup&gt;&lt;&#x2F;p&gt;
&lt;h3 id=&quot;espacamento&quot;&gt;espaçamento&lt;&#x2F;h3&gt;
&lt;p&gt;o espaçamento entre letras é uma das descobertas mais robustas e práticas da literatura sobre dislexia. Zorzi e colaboradores, 2012, PNAS, mostraram que aumentar o espaçamento entre letras em cerca de 2.5 pontos sobre fonte de 14 pontos dobrou a precisão e aumentou a velocidade de leitura em mais de 20% pra crianças disléxicas de 8 a 14 anos.&lt;sup class=&quot;footnote-reference&quot; id=&quot;fr-pnas-1&quot;&gt;&lt;a href=&quot;#fn-pnas&quot;&gt;7&lt;&#x2F;a&gt;&lt;&#x2F;sup&gt; um dos estudos mais citados da área, alta confiabilidade, 74 crianças italianas e francesas. crucial porque é uma intervenção simples, sem custo, que funciona na hora sem treino.&lt;&#x2F;p&gt;
&lt;p&gt;a explicação teórica é o crowding visual: letra próxima interfere no reconhecimento da letra-alvo. criança disléxica é anormalmente afetada por crowding, especialmente na visão central, conforme Martelli e colaboradores, 2009. o efeito de espaçamento foi replicado por Sjoblom, Eaton e Stagg, 2016, com adultos disléxicos, confirmando o padrão.&lt;sup class=&quot;footnote-reference&quot; id=&quot;fr-sjoblom-1&quot;&gt;&lt;a href=&quot;#fn-sjoblom&quot;&gt;8&lt;&#x2F;a&gt;&lt;&#x2F;sup&gt;&lt;&#x2F;p&gt;
&lt;p&gt;pesquisa mais recente adiciona nuance. Galliussi e colaboradores, 2020, Annals of Dyslexia, acharam que o benefício do espaçamento aumentado não é universal e depende de como é implementado.&lt;sup class=&quot;footnote-reference&quot; id=&quot;fr-galliussi-1&quot;&gt;&lt;a href=&quot;#fn-galliussi&quot;&gt;9&lt;&#x2F;a&gt;&lt;&#x2F;sup&gt; com 128 crianças (64 com dislexia, 64 controles), testaram combinações de espaçamento entre letra e entre palavra. aumentar só o espaçamento entre letras sem aumentar proporcionalmente o entre palavras pode reduzir a velocidade, porque dificulta a segmentação de palavra. confiabilidade alta. indica que espaçamento deve ser implementado de forma sistêmica, não isolada.&lt;&#x2F;p&gt;
&lt;p&gt;pra espaçamento entre linhas, um estudo com 74 crianças disléxicas documentou que ele deve dobrar quando o espaçamento entre letras aumenta, pra manter proporção visual. o CISL Cast documenta que entrelinha de 1.4 a 1.8 vezes o tamanho da fonte é preferida por leitor disléxico, embora o efeito objetivo varie.&lt;sup class=&quot;footnote-reference&quot; id=&quot;fr-cast-1&quot;&gt;&lt;a href=&quot;#fn-cast&quot;&gt;10&lt;&#x2F;a&gt;&lt;&#x2F;sup&gt;&lt;&#x2F;p&gt;
&lt;h3 id=&quot;cores-e-contraste&quot;&gt;cores e contraste&lt;&#x2F;h3&gt;
&lt;p&gt;a pesquisa sobre cor pra autismo mostra padrão consistente mas complexo. um estudo de caso na Frontiers in Psychiatry, 2022, investigou 87 crianças autistas (45 meninos, 42 meninas, idade média 8.7 anos) sobre percepção sensorial e preferência de cor.&lt;sup class=&quot;footnote-reference&quot; id=&quot;fr-frontiers-1&quot;&gt;&lt;a href=&quot;#fn-frontiers&quot;&gt;11&lt;&#x2F;a&gt;&lt;&#x2F;sup&gt; criança autista tem preferência atípica de cor com associação emocional complexa. menino autista tende a aversão ao amarelo e preferência por verde e marrom, enquanto criança com desenvolvimento típico prefere vermelho e azul. confiabilidade moderada-alta, observacional, amostra razoável, revisado por pares. importa porque contraria a intuição comum sobre design colorido pra criança.&lt;&#x2F;p&gt;
&lt;p&gt;o Neurodiversity Design System dá guideline técnica: tom pastel como azul pálido, lavanda, amarelo suave e tom terroso pra ambiente de aprendizado autista.&lt;sup class=&quot;footnote-reference&quot; id=&quot;fr-ndscolour-1&quot;&gt;&lt;a href=&quot;#fn-ndscolour&quot;&gt;12&lt;&#x2F;a&gt;&lt;&#x2F;sup&gt; cor brilhante e saturada pode causar sobrecarga sensorial. o documento enfatiza que contraste é fundamental pra todos, mas contraste extremo (preto puro sobre branco puro) pode causar fadiga visual em pessoa com hipersensibilidade visual cortical e síndrome de Irlen, comum em dislexia.&lt;&#x2F;p&gt;
&lt;p&gt;pra TDAH, a pesquisa sobre percepção de cor revela achado neurobiológico interessante. Banaschewski e colaboradores, 2006, documentaram que pessoa com TDAH tem discriminação reduzida de saturação no eixo azul-amarelo, possivelmente por hipofunção dopaminérgica retiniana que afeta cones-S.&lt;sup class=&quot;footnote-reference&quot; id=&quot;fr-banaschewski-1&quot;&gt;&lt;a href=&quot;#fn-banaschewski&quot;&gt;13&lt;&#x2F;a&gt;&lt;&#x2F;sup&gt; um estudo de 2014 com potencial evocado visual de cor achou que indivíduo com TDAH mostra amplitude P1 significativamente maior pra estímulo azul e amarelo, talvez como estratégia compensatória.&lt;sup class=&quot;footnote-reference&quot; id=&quot;fr-vep-1&quot;&gt;&lt;a href=&quot;#fn-vep&quot;&gt;14&lt;&#x2F;a&gt;&lt;&#x2F;sup&gt; confiabilidade alta, estudo eletrofisiológico objetivo com controle rigoroso. sugere que interface pra TDAH deve considerar que azul e amarelo são processados diferente.&lt;&#x2F;p&gt;
&lt;p&gt;o Neurodiversity Design System recomenda contraste mínimo de 4.5:1 pra texto (&lt;abbr title=&quot;Web Content Accessibility Guidelines&quot;&gt;WCAG&lt;&#x2F;abbr&gt; AA), preferindo 7:1 (WCAG AAA). e recomenda modo de cor personalizável além de claro e escuro, deixando o usuário escolher matiz e saturação. o artigo da gov.uk documenta que alguns usuários autistas preferem contraste reduzido, enquanto outros com baixa visão precisam de contraste alto, então personalização é essencial.&lt;sup class=&quot;footnote-reference&quot; id=&quot;fr-govuk-1&quot;&gt;&lt;a href=&quot;#fn-govuk&quot;&gt;15&lt;&#x2F;a&gt;&lt;&#x2F;sup&gt;&lt;&#x2F;p&gt;
&lt;h3 id=&quot;tamanho-de-alvos-de-toque&quot;&gt;tamanho de alvos de toque&lt;&#x2F;h3&gt;
&lt;p&gt;pra app touchscreen, a pesquisa converge em tamanho mínimo. o WCAG 2.5.8 especifica 24x24 pixels CSS como mínimo.&lt;sup class=&quot;footnote-reference&quot; id=&quot;fr-wcagtarget-1&quot;&gt;&lt;a href=&quot;#fn-wcagtarget&quot;&gt;16&lt;&#x2F;a&gt;&lt;&#x2F;sup&gt; confiabilidade máxima, padrão internacional. mas pesquisa aplicada sugere tamanho maior pra criança.&lt;&#x2F;p&gt;
&lt;p&gt;Nielsen Norman Group documenta, por estudo de usabilidade, que alvo de toque deve ter mínimo de 1cm por 1cm (cerca de 42 a 48 pixels conforme a densidade) pra dar tempo de seleção adequado e prevenir erro.&lt;sup class=&quot;footnote-reference&quot; id=&quot;fr-nngtarget-1&quot;&gt;&lt;a href=&quot;#fn-nngtarget&quot;&gt;17&lt;&#x2F;a&gt;&lt;&#x2F;sup&gt; fonte de usabilidade aplicada, alta confiabilidade, décadas de pesquisa em HCI.&lt;&#x2F;p&gt;
&lt;p&gt;pra criança, o material design do Android recomenda 48x48dp (cerca de 9mm) como mínimo.&lt;sup class=&quot;footnote-reference&quot; id=&quot;fr-material-1&quot;&gt;&lt;a href=&quot;#fn-material&quot;&gt;18&lt;&#x2F;a&gt;&lt;&#x2F;sup&gt; um estudo em touchscreen de 65 polegadas, 2023, achou que 70mm é ideal pra velocidade, 50mm pra precisão e 90mm pra satisfação subjetiva.&lt;sup class=&quot;footnote-reference&quot; id=&quot;fr-touch65-1&quot;&gt;&lt;a href=&quot;#fn-touch65&quot;&gt;19&lt;&#x2F;a&gt;&lt;&#x2F;sup&gt; embora seja sobre tela grande, sugere que criança com desenvolvimento motor em curso se beneficia de alvo maior.&lt;&#x2F;p&gt;
&lt;p&gt;Soni e colaboradores apresentaram na CHI 2019 o framework TIDRC analisando 150 apps infantis mais populares.&lt;sup class=&quot;footnote-reference&quot; id=&quot;fr-tidrc-1&quot;&gt;&lt;a href=&quot;#fn-tidrc&quot;&gt;20&lt;&#x2F;a&gt;&lt;&#x2F;sup&gt; aumentar a área ativa do ícone pra permitir toque levemente fora do limite e usar alvo visual maior acomoda habilidade motora em desenvolvimento. confiabilidade alta, pesquisa sistemática de apps reais na CHI. Nielsen Norman Group documentou, com crianças de 3 a 12 anos, que gesto de toque como deslizar e tocar alvo grande é fácil até pras mais novas, mas arrastar com precisão é difícil pra menor de 9 anos.&lt;sup class=&quot;footnote-reference&quot; id=&quot;fr-nngchild-1&quot;&gt;&lt;a href=&quot;#fn-nngchild&quot;&gt;21&lt;&#x2F;a&gt;&lt;&#x2F;sup&gt;&lt;&#x2F;p&gt;
&lt;p&gt;implementação prática: alvo mínimo 48x48px, preferível 60x60px pra criança, com espaçamento de 8px entre alvos adjacentes. em contexto pedagógico onde a criança pode estar movendo o dispositivo ou distraída, considerar 70 a 90px pra ação primária.&lt;&#x2F;p&gt;
&lt;h3 id=&quot;animacao-e-movimento&quot;&gt;animação e movimento&lt;&#x2F;h3&gt;
&lt;p&gt;a questão de animação em interface pra neurodivergente é crítica por saúde e usabilidade.&lt;&#x2F;p&gt;
&lt;blockquote class=&quot;markdown-alert-warning&quot;&gt;
&lt;p&gt;o WCAG 2.3 estabelece que piscar ou lampejar acima de três vezes por segundo é proibido, por poder desencadear convulsão epiléptica.&lt;sup class=&quot;footnote-reference&quot; id=&quot;fr-wcaganim-1&quot;&gt;&lt;a href=&quot;#fn-wcaganim&quot;&gt;22&lt;&#x2F;a&gt;&lt;&#x2F;sup&gt; o caso de um desenho animado japonês que causou convulsão em milhares de crianças ilustra a gravidade. confiabilidade máxima, padrão internacional.&lt;&#x2F;p&gt;
&lt;&#x2F;blockquote&gt;
&lt;p&gt;pra usuário com desordem vestibular, autismo e TDAH, animação pode causar náusea, tontura, desorientação e sobrecarga cognitiva. um estudo de 2022 na ACM comparou usuário autista e não autista completando tarefa com imagem rotativa na tela.&lt;sup class=&quot;footnote-reference&quot; id=&quot;fr-acmrot-1&quot;&gt;&lt;a href=&quot;#fn-acmrot&quot;&gt;23&lt;&#x2F;a&gt;&lt;&#x2F;sup&gt; em média as pessoas têm mais dificuldade com imagem rotativa, mas o usuário autista lutou significativamente mais. confiabilidade alta, experimental controlado. crucial porque mostra empiricamente que animação que parece sutil pro designer neurotípico pode ser severamente debilitante pro usuário autista.&lt;&#x2F;p&gt;
&lt;p&gt;o Educational Voice documenta que velocidade importa. animação lenta e previsível, 200 a 500ms pra elemento de UI, é mais segura que rápida e irregular.&lt;sup class=&quot;footnote-reference&quot; id=&quot;fr-eduvoice-1&quot;&gt;&lt;a href=&quot;#fn-eduvoice&quot;&gt;24&lt;&#x2F;a&gt;&lt;&#x2F;sup&gt; pra TDAH, movimento constante é distração perpétua mesmo quando olha pra outro lado, porque o olho é atraído automaticamente.&lt;&#x2F;p&gt;
&lt;p&gt;a solução técnica estabelecida é suporte ao prefers-reduced-motion.&lt;sup class=&quot;footnote-reference&quot; id=&quot;fr-mdn-1&quot;&gt;&lt;a href=&quot;#fn-mdn&quot;&gt;25&lt;&#x2F;a&gt;&lt;&#x2F;sup&gt; quando ativada, animação problemática é eliminada ou trocada por transição simples de opacidade ou cor. confiabilidade máxima, padrão web. mecanismo essencial pra implementação responsável.&lt;&#x2F;p&gt;
&lt;p&gt;Val Head em CSS Tricks sintetiza a diretriz WCAG: evitar animação desnecessária, dar controle pra desabilitar movimento não essencial, ou respeitar a preferência de movimento do sistema.&lt;sup class=&quot;footnote-reference&quot; id=&quot;fr-valhead-1&quot;&gt;&lt;a href=&quot;#fn-valhead&quot;&gt;26&lt;&#x2F;a&gt;&lt;&#x2F;sup&gt; ProfileTree documenta que 30% dos estudantes com TDAH ou autismo numa plataforma de e-learning irlandesa preferem fortemente animação com paleta atenuada e transição lenta e deliberada, com melhor retenção de informação medida objetivamente.&lt;sup class=&quot;footnote-reference&quot; id=&quot;fr-profiletree-1&quot;&gt;&lt;a href=&quot;#fn-profiletree&quot;&gt;27&lt;&#x2F;a&gt;&lt;&#x2F;sup&gt;&lt;&#x2F;p&gt;
&lt;p&gt;implementação prática pra app pedagógico: animação mínima, previsível, lenta (200 a 500ms), ocupando menos de um terço da tela, sempre respeitando prefers-reduced-motion. oferecer toggle adicional na própria interface pra desligar tudo. animação de carga ou transição entre tela é substituível por fade simples.&lt;&#x2F;p&gt;
&lt;h3 id=&quot;sintese-pra-implementacao&quot;&gt;síntese pra implementação&lt;&#x2F;h3&gt;
&lt;p&gt;pra um &lt;a href=&quot;https:&#x2F;&#x2F;brennercruvinel.blog&#x2F;blog&#x2F;musica-aurora&#x2F;&quot;&gt;app pedagógico opensource&lt;&#x2F;a&gt; voltado a toda criança incluindo a neurodivergente, a hierarquia de prioridade por evidência:&lt;&#x2F;p&gt;
&lt;p&gt;tipografia sans-serif convencional de alta qualidade (Arial, Verdana, Open Sans) em 14 a 16 pontos. não desperdiçar recurso em fonte especializada comercial sem benefício comprovado. Open Sans do Google Fonts é gratuita, bem suportada e eficaz.&lt;sup class=&quot;footnote-reference&quot; id=&quot;fr-opensans-1&quot;&gt;&lt;a href=&quot;#fn-opensans&quot;&gt;28&lt;&#x2F;a&gt;&lt;&#x2F;sup&gt;&lt;&#x2F;p&gt;
&lt;p&gt;espaçamento aumentado de forma sistêmica: entre letras cerca de 0.12 a 0.18em, entre palavras proporcional, e entrelinha de 1.5 a 1.8. é a modificação com maior impacto positivo comprovado.&lt;&#x2F;p&gt;
&lt;p&gt;paleta com tom suave e saturação moderada, evitando neon ou brilho extremo. contraste de texto de 7:1 quando possível. dar opção de personalização de tema (claro, escuro e pelo menos 2 a 3 temas de cor alternativa), já que a preferência é heterogênea.&lt;&#x2F;p&gt;
&lt;p&gt;alvo de toque mínimo 60x60px pra interação primária, com 8 a 16px de espaçamento entre elementos clicáveis adjacentes. pra criança menor de 8 anos, considerar 80 a 100px pra ação crítica.&lt;&#x2F;p&gt;
&lt;p&gt;animação mínima, lenta, previsível, sempre respeitando prefers-reduced-motion, com toggle manual adicional. é questão de saúde, não só de preferência estética.&lt;&#x2F;p&gt;
&lt;p&gt;layout limpo com whitespace generoso, hierarquia visual clara, navegação consistente e previsível. evitar mudança inesperada de layout, pop-up intrusivo ou decoração excessiva.&lt;&#x2F;p&gt;
&lt;p&gt;tudo converge com WCAG 2.1 AA&#x2F;AAA&lt;sup class=&quot;footnote-reference&quot; id=&quot;fr-wcag-1&quot;&gt;&lt;a href=&quot;#fn-wcag&quot;&gt;29&lt;&#x2F;a&gt;&lt;&#x2F;sup&gt; e com o guia de acessibilidade cognitiva do W3C.&lt;sup class=&quot;footnote-reference&quot; id=&quot;fr-cognitive-1&quot;&gt;&lt;a href=&quot;#fn-cognitive&quot;&gt;30&lt;&#x2F;a&gt;&lt;&#x2F;sup&gt; o projeto passa por teste com criança neurodivergente real, em metodologia participativa.&lt;&#x2F;p&gt;
&lt;h3 id=&quot;nota-estilos-de-aprendizagem-vark&quot;&gt;nota: estilos de aprendizagem VARK&lt;&#x2F;h3&gt;
&lt;p&gt;anexo de tom diferente, mantido junto por estar no mesmo dump. a nomenclatura usada pra classificar quem aprende melhor por estímulo visual vem da teoria VARK. essas pessoas são chamadas de aprendizes visuais e compreendem melhor imagem, diagrama, gráfico, vídeo, mapa mental.&lt;&#x2F;p&gt;
&lt;p&gt;o termo técnico é estilo de aprendizagem visual, parte do modelo VARK (visual, auditivo, leitura&#x2F;escrita, cinestésico), proposto por Neil Fleming em 1992, baseado em canal sensorial predominante. a denominação visual vem do fato de a memória, o raciocínio e a retenção acontecerem preferencialmente por estímulo de imagem ou organização espacial: anotação em esquema, cor pra destacar tópico, mapa mental pra revisar.&lt;&#x2F;p&gt;
&lt;blockquote class=&quot;markdown-alert-caution&quot;&gt;
&lt;p&gt;ressalva de confiabilidade: o modelo VARK tem instrumento padronizado pra identificar o estilo dominante, mas a evidência aponta que a maioria das pessoas aprende por combinação de estilos. a hipótese forte de meshing, ensinar no estilo preferido pra melhorar resultado, não tem suporte empírico sólido. usar VARK como heurística de variedade de canal, não como prescrição rígida.&lt;&#x2F;p&gt;
&lt;&#x2F;blockquote&gt;
&lt;h2 id=&quot;fronteiras-nao-mapeadas-do-design&quot;&gt;fronteiras não mapeadas do design&lt;&#x2F;h2&gt;
&lt;p&gt;onde o design ainda não chegou. cada seção é um vão real em 2026: pesquisa que existe há décadas sem implementação sistêmica correspondente. é o terreno onde Hoff e a engine do pklev podem cavar. cada afirmação aqui é verificável, e digo como.&lt;&#x2F;p&gt;
&lt;h3 id=&quot;semantica-comportamental-em-tokens-de-design&quot;&gt;semântica comportamental em tokens de design&lt;&#x2F;h3&gt;
&lt;p&gt;design tokens existem desde 2015. em 2026, ainda codificam só aparência: cor, espaço, tipo, raio. nenhum sistema formaliza intenção como dado estrutural propagável.&lt;&#x2F;p&gt;
&lt;p&gt;o W3C Design Tokens Community Group formalizou o formato .json de token em 2022 e deliberadamente limitou o escopo a valor visual pra garantir adoção. está nas atas públicas do grupo. consequência direta: toda propagação de intenção semântica, um botão destrutivo que deveria modificar motion, copy e &lt;abbr title=&quot;Accessible Rich Internet Applications&quot;&gt;ARIA&lt;&#x2F;abbr&gt; ao mesmo tempo, continua sendo convenção cultural de equipe, não constraint do sistema. não existe projeto open source, RFC ativo ou especificação em andamento que trate intent como dimensão de token de primeira classe. o campo está literalmente vazio.&lt;&#x2F;p&gt;
&lt;h3 id=&quot;motion-como-grafo-de-estados-portavel&quot;&gt;motion como grafo de estados portável&lt;&#x2F;h3&gt;
&lt;p&gt;animação hoje é implementação: código acoplado a runtime, framework e plataforma. o que não existe é um formato declarativo que descreva transição de estado de UI como grafo portável.&lt;&#x2F;p&gt;
&lt;p&gt;o Rive tem o formato .riv como aproximação mais próxima, mas o próprio repositório documenta que o foco é animação de objeto estático, não transição de estado reativa. XState formaliza máquina de estado mas não carrega semântica de motion. a composição, máquina de estados mais formato declarativo de transição mais compilador por target, não existe como projeto. Framer Motion, GSAP e CSS Animations são todos implementação de runtime, não formato de dado. serializar uma transição de estado hoje exige reescrever pra cada plataforma. verificável ao tentar compilar qualquer animação Framer Motion pra SwiftUI ou Android Compose sem reescrita.&lt;&#x2F;p&gt;
&lt;h3 id=&quot;fisica-perceptual-como-axioma-sistemico&quot;&gt;física perceptual como axioma sistêmico&lt;&#x2F;h3&gt;
&lt;p&gt;produto com sensação física coerente existe. sistema que deriva essa coerência de um modelo físico único, com parâmetro global propagável, não existe em open source.&lt;&#x2F;p&gt;
&lt;p&gt;a Apple usa spring(response:dampingFraction:) no SwiftUI como parâmetro global internamente, mas nunca publicou isso como design system. o react-spring tem preset como config.gentle e config.wobbly, mas são por-componente sem relação sistêmica entre eles, alterar um não afeta outro. nenhum design system público define massa, tensão e fricção como token de nível raiz que propaga pra todo comportamento cinético. verificável ao inspecionar os repositórios do Material Design, Fluent, Carbon, Spectrum e Primer: nenhum tem modelo físico global documentado. a pesquisa acadêmica sobre física perceptual em interface (Chang et al., 2002; Hurtienne &amp;amp; Israel, 2007) existe há décadas sem implementação sistêmica correspondente.&lt;&#x2F;p&gt;
&lt;h3 id=&quot;custo-cognitivo-como-invariante-de-engenharia&quot;&gt;custo cognitivo como invariante de engenharia&lt;&#x2F;h3&gt;
&lt;p&gt;regressão visual tem Chromatic, Percy, Playwright visual diff. regressão cognitiva não tem equivalente integrado em pipeline de CI.&lt;&#x2F;p&gt;
&lt;p&gt;o CogTool da CMU implementou KLM (keystroke-level model) como ferramenta standalone em 2007 e nunca teve integração com controle de versão ou CI. GOMS é modelo acadêmico sem implementação em ferramenta de desenvolvimento ativa. a lei de Fitts é citada em guideline de design mas não existe como assertion computável em nenhum linter, test runner ou pipeline de deploy público. verificação direta: procurar “cognitive cost CI” ou “fitts law linter” no GitHub retorna zero projeto com tração real. o vão entre pesquisa e ferramenta aqui é de quase 30 anos.&lt;&#x2F;p&gt;
&lt;h3 id=&quot;schema-de-componente-legivel-por-agentes&quot;&gt;schema de componente legível por agentes&lt;&#x2F;h3&gt;
&lt;p&gt;ARIA resolve navegação pra screen reader, um subconjunto específico de consumo não visual. não resolve navegação por agente de AI, que precisa de semântica de domínio: precondição de uma ação, efeito no estado da aplicação, custo de reversão.&lt;&#x2F;p&gt;
&lt;p&gt;os agentes de AI estão resolvendo isso por força bruta: treino em screenshot via modelo multimodal (Claude Computer Use, GPT-4V, Gemini). verificável no paper do Claude Computer Use (Anthropic, 2024) e nas discussões do AgentBench. a dependência de escala de modelo pra compensar a ausência de schema semântico está documentada. o Agent Protocol da AI Engineer Foundation e o MCP da Anthropic resolvem comunicação entre agente e ambiente, não semântica de componente. não existe especificação pública que defina como um componente de UI declara seu efeito de domínio de forma consumível ao mesmo tempo por humano, screen reader e agente.&lt;&#x2F;p&gt;
&lt;h3 id=&quot;design-system-com-runtime-em-rust-e-wasm&quot;&gt;design system com runtime em rust e wasm&lt;&#x2F;h3&gt;
&lt;p&gt;todo design system existente assume DOM como substrato. um design system cujo runtime de render executa identicamente em browser, aplicação nativa e embedded sem camada de abstração por plataforma não existe.&lt;&#x2F;p&gt;
&lt;p&gt;Vello (Linebender) resolve render 2D acelerado por GPU em rust. Tauri usa rust como runtime mas delega render pra WebView. Makepad constrói UI em rust mas não é um design system, é um toolkit. AccessKit (2022 em diante) resolveu a camada de acessibilidade pra rust de forma portável, eliminando o principal argumento contra essa direção. o que ainda não existe é a camada de componente semântico sobre esse stack: botão, formulário, navegação, com comportamento, estado e acessibilidade, como design system completo. verificável: nenhum dos repositórios do ecossistema Linebender (Xilem, Vello, Parley, Glazier) tem documentação de design system. são primitivos de render sem camada de produto.&lt;&#x2F;p&gt;
&lt;h3 id=&quot;escala-derivada-do-sistema-visual-humano&quot;&gt;escala derivada do sistema visual humano&lt;&#x2F;h3&gt;
&lt;p&gt;sistema de escala existente, Tailwind, Radix Colors, Major Third, Perfect Fourth, é heuristicamente bom mas não formalmente derivado de como o sistema visual humano percebe diferença.&lt;&#x2F;p&gt;
&lt;p&gt;OKLCH resolveu uniformidade perceptual pra cor em 2021 e está no CSS Color Level 4 como especificação ativa. o vão é a composição entre dimensões: cor, espaço, tipografia e tempo como sistema único com axioma derivado de acuidade visual, resolução em diferentes excentricidades da retina, e capacidade de discriminação de contraste. a pesquisa base existe em visão computacional e psicofísica (Watson &amp;amp; Ahumada, 2005; Lubin, 1995) mas nunca virou sistema de design. a razão áurea como base de escala tipográfica é posição estética sem suporte em pesquisa de legibilidade, documentado em Larson (2004) e nos estudos de Dyson &amp;amp; Haselgrove (2001). um sistema derivado de parâmetro do sistema visual seria o primeiro com base empírica real.&lt;&#x2F;p&gt;
&lt;h3 id=&quot;estado-emocional-como-parametro-de-ui-adaptativa&quot;&gt;estado emocional como parâmetro de UI adaptativa&lt;&#x2F;h3&gt;
&lt;p&gt;inferência de estado emocional a partir de sinal comportamental pra adaptação de UI em tempo real não existe como produto, projeto ou especificação pública.&lt;&#x2F;p&gt;
&lt;p&gt;o modelo circumplexo de afeto (Russell, 1980) e o espaço PAD (Mehrabian, 1996) são modelos validados de representação de estado emocional com coordenada contínua. telemetria comportamental em produto digital, velocidade de clique, padrão de erro, velocidade de scroll, hesitação, é coletada por quase toda plataforma de analytics (Amplitude, Mixpanel, PostHog). a inferência de estado afetivo a partir de sinal de interação tem suporte acadêmico em HCI (Mentis et al., 2013; Zimmermann et al., 2003). o que não existe é o pipeline completo: sinal comportamental, inferência de posição no espaço PAD, adaptação de token de design em runtime, com calibração por baseline individual. a separação entre baseline do usuário e desvio afetivo é um problema de aprendizado online não resolvido publicamente. nenhum produto comercial, projeto open source ou API pública implementa essa cadeia.&lt;&#x2F;p&gt;
&lt;p&gt;por esses e outros motivos, decidi construir um “skeleton” base para aplicar, muitas vezes “silenciosamente”, em todos os projetos novos de DS.&lt;&#x2F;p&gt;
&lt;blockquote class=&quot;markdown-alert-note&quot;&gt;
&lt;p&gt;work in progress. esta parte ainda está em construção.&lt;&#x2F;p&gt;
&lt;&#x2F;blockquote&gt;
&lt;h2 id=&quot;hoff-nds-especificacao-completa&quot;&gt;hoff nds, especificação completa&lt;&#x2F;h2&gt;
&lt;p&gt;documentação completa, versão 1.0. sistema de padrões que une neurodiversidade e design de experiência para os &lt;a href=&quot;https:&#x2F;&#x2F;brennercruvinel.blog&#x2F;blog&#x2F;poc-hoff-triagem-neuropsicologica&#x2F;&quot;&gt;produtos da Hoff Research&lt;&#x2F;a&gt;. aplica-se a interfaces de saúde, educação e produtividade do laboratório, e serve de referência para qualquer superfície que queira aderir aos mesmos padrões.&lt;&#x2F;p&gt;
&lt;p&gt;esta é a especificação normativa. as notas individuais sobre princípios detalham cada token isolado; esta aqui amarra tudo num documento único, com os valores que valem.&lt;&#x2F;p&gt;
&lt;h3 id=&quot;1-proposito-e-escopo&quot;&gt;1. propósito e escopo&lt;&#x2F;h3&gt;
&lt;p&gt;o sistema existe para reduzir carga cognitiva, ansiedade e erro em interface digital, priorizando pessoas neurodivergentes e beneficiando todos os usuários. cobre três categorias de limitação: permanente (baixa visão, dislexia, autismo), temporária (lesão, fadiga, medicação) e situacional (ambiente ruidoso, conexão ruim, estresse). a premissa central: o aprendizado e a decisão acontecem no cérebro, não na tela. cada ponto de esforço gasto pra decifrar a interface é esforço tirado da tarefa real. o papel do design é baixar o custo de ler, navegar e decidir até que a energia da pessoa fique disponível pro que importa.&lt;&#x2F;p&gt;
&lt;p&gt;o sistema não é um tema visual. é um conjunto de regras com justificativa. cada seção declara a regra, o detalhe que a fundamenta, os neurotipos que atende e os princípios de UX que a sustentam. quando a regra tem valor numérico, o valor está especificado e é normativo, não sugestivo.&lt;&#x2F;p&gt;
&lt;h3 id=&quot;fundamentos-essenciais&quot;&gt;fundamentos essenciais&lt;&#x2F;h3&gt;
&lt;p&gt;carga cognitiva. pessoas com TDAH apresentam desempenho reduzido e maior variabilidade de tempo de reação sob alta carga cognitiva. ambiente visualmente limpo melhora o desempenho em tarefa exigente. daí a regra geral: só elementos essenciais ao objetivo da tela ficam visíveis. se um elemento não informa a tarefa, ele distrai dela.&lt;&#x2F;p&gt;
&lt;p&gt;estresse bom e estresse ruim. existe um nível de tensão que favorece foco e aprendizado (eustress) e um nível que paralisa. a interface absorve o estresse de operação (decifrar, procurar, errar) pra que a tensão disponível da pessoa seja gasta no conteúdo, onde produz crescimento.&lt;&#x2F;p&gt;
&lt;p&gt;previsibilidade. mudança inesperada de layout, posição ou nomenclatura quebra o modelo mental e derruba o estado de foco, com custo desproporcional pra pessoa autista e com TDAH. posição importante é estável entre telas, convenção de nome persiste do início ao fim de um fluxo, e nada se move ou muda sem ação da pessoa.&lt;&#x2F;p&gt;
&lt;p&gt;personalização como requisito. preferência sensorial é heterogênea entre neurotipos e dentro deles. por isso o sistema obriga: no mínimo três temas de cor (escuro padrão, claro, alto contraste), controle de tamanho de texto em três níveis, e controle de movimento que desliga animação. esses controles ficam acessíveis, não enterrados em configurações.&lt;&#x2F;p&gt;
&lt;p&gt;conservação de complexidade. há uma complexidade mínima que não dá pra remover sem destruir a função. simplificar além desse ponto gera abstração confusa, pior que a complexidade original. a meta é remover o excesso, não a função.&lt;&#x2F;p&gt;
&lt;h3 id=&quot;designer-tem-que-entender-de-cor-sim&quot;&gt;designer tem que entender de cor sim&lt;&#x2F;h3&gt;
&lt;blockquote class=&quot;markdown-alert-important&quot;&gt;
&lt;p&gt;o contraste guia a escolha de cor, não a estética. texto corrido busca razão de contraste de 7:1 ou superior (nível AAA). o mínimo absoluto pra qualquer texto informativo é 4.5:1 (nível AA).&lt;&#x2F;p&gt;
&lt;&#x2F;blockquote&gt;
&lt;p&gt;regra. a paleta inteira é de baixa saturação: sem neon, sem cor vibrante, sem brilho extremo. cor nunca é o único portador de informação. todo estado comunicado por cor vem acompanhado de texto, ícone ou forma.&lt;&#x2F;p&gt;
&lt;p&gt;detalhe. cor vibrante e contraste cromático forte causam desconforto visual e sobrecarga sensorial em pessoa autista, com TDAH e com estresse visual. adolescente com TDAH pode apresentar alteração de percepção em tons vermelho-verde, e o daltonismo vermelho-verde é a forma mais comum na população, o que reforça a proibição de cor como sinal único. em produto usado à noite ou antes de dormir, tom escuro e dessaturado preserva o ciclo de melatonina, por isso o tema escuro é o padrão.&lt;&#x2F;p&gt;
&lt;p&gt;paleta de referência:&lt;&#x2F;p&gt;
&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;papel&lt;&#x2F;th&gt;&lt;th&gt;tema escuro (padrão)&lt;&#x2F;th&gt;&lt;th&gt;tema claro&lt;&#x2F;th&gt;&lt;&#x2F;tr&gt;&lt;&#x2F;thead&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td&gt;fundo&lt;&#x2F;td&gt;&lt;td&gt;#0C0C0E (quase preto quente)&lt;&#x2F;td&gt;&lt;td&gt;#F3F1EC (off-white quente)&lt;&#x2F;td&gt;&lt;&#x2F;tr&gt;
&lt;tr&gt;&lt;td&gt;superfície&lt;&#x2F;td&gt;&lt;td&gt;#141419&lt;&#x2F;td&gt;&lt;td&gt;n&#x2F;d&lt;&#x2F;td&gt;&lt;&#x2F;tr&gt;
&lt;tr&gt;&lt;td&gt;superfície elevada&lt;&#x2F;td&gt;&lt;td&gt;#1B1B21&lt;&#x2F;td&gt;&lt;td&gt;n&#x2F;d&lt;&#x2F;td&gt;&lt;&#x2F;tr&gt;
&lt;tr&gt;&lt;td&gt;tinta principal&lt;&#x2F;td&gt;&lt;td&gt;#ECEAE6 (off-white quente)&lt;&#x2F;td&gt;&lt;td&gt;#1D1D22&lt;&#x2F;td&gt;&lt;&#x2F;tr&gt;
&lt;tr&gt;&lt;td&gt;texto secundário&lt;&#x2F;td&gt;&lt;td&gt;#9A9AA4&lt;&#x2F;td&gt;&lt;td&gt;n&#x2F;d&lt;&#x2F;td&gt;&lt;&#x2F;tr&gt;
&lt;tr&gt;&lt;td&gt;texto esmaecido (só decorativo)&lt;&#x2F;td&gt;&lt;td&gt;#62626C&lt;&#x2F;td&gt;&lt;td&gt;n&#x2F;d&lt;&#x2F;td&gt;&lt;&#x2F;tr&gt;
&lt;tr&gt;&lt;td&gt;acento (lavanda dessaturado)&lt;&#x2F;td&gt;&lt;td&gt;#A8A3D8&lt;&#x2F;td&gt;&lt;td&gt;#5650A2&lt;&#x2F;td&gt;&lt;&#x2F;tr&gt;
&lt;tr&gt;&lt;td&gt;positivo (verde-sálvia)&lt;&#x2F;td&gt;&lt;td&gt;#86A99A&lt;&#x2F;td&gt;&lt;td&gt;#3C7A65&lt;&#x2F;td&gt;&lt;&#x2F;tr&gt;
&lt;tr&gt;&lt;td&gt;atenção (terracota dessaturado)&lt;&#x2F;td&gt;&lt;td&gt;#C98B86&lt;&#x2F;td&gt;&lt;td&gt;#A6504A&lt;&#x2F;td&gt;&lt;&#x2F;tr&gt;
&lt;&#x2F;tbody&gt;&lt;&#x2F;table&gt;
&lt;p&gt;tema de alto contraste: fundo preto puro, tinta branca pura, acentos clareados, bordas reforçadas. a razão de contraste de cada par é verificada por ferramenta a cada alteração de token. texto esmaecido nunca carrega informação, só hierarquia.&lt;&#x2F;p&gt;
&lt;p&gt;estado do sistema segue semântica fixa: positivo pra sucesso, atenção pra erro e alerta, acento pra ação e seleção. a mesma cor nunca significa coisa diferente em tela diferente.&lt;&#x2F;p&gt;
&lt;p&gt;neurotipos atendidos: baixa visão, daltonismo, síndrome de Irlen e estresse visual, autismo, TDAH. princípios: lei da conectividade uniforme, efeito estética-usabilidade (com a ressalva de que beleza não pode mascarar problema).&lt;&#x2F;p&gt;
&lt;h3 id=&quot;resgatemos-a-antiga-antes-de-passar-um-dia-inteiro-pesquisando-uma-boa-tipografia&quot;&gt;resgatemos a antiga antes de passar um dia inteiro pesquisando uma boa tipografia&lt;&#x2F;h3&gt;
&lt;p&gt;regra. fonte sem serifa, humanista, com forma de letra distinta. corpo de texto entre 1rem e 1.25rem sobre base de 16px (16 a 20px). entrelinha entre 150% e 170%. espaçamento entre letras levemente aumentado, na faixa de 0.005em a 0.02em pra corpo e cerca de 0.03em pra texto pequeno como rótulo e legenda. hierarquia simples: título no mínimo 20% maior que o corpo, diferenciado por peso, nunca por troca de família tipográfica. largura de linha máxima de 66 caracteres.&lt;&#x2F;p&gt;
&lt;p&gt;detalhe. fonte humanista tem abertura mais aberta e largura de caractere única, o que sustenta legibilidade em tela de densidade comum e em tamanho variado, ao contrário de estilo grotesco fechado que degrada em corpo pequeno. espaçamento aumentado entre letra, palavra e linha reduz o efeito de aglomeração que provoca, em leitor disléxico, o efeito rio e o efeito redemoinho, e essa é a modificação tipográfica com maior impacto positivo comprovado, beneficiando todo leitor. fonte especial vendida como “para dislexia” não demonstra benefício em estudo controlado. o investimento certo é em fonte sem serifa convencional de alta qualidade com espaçamento correto.&lt;&#x2F;p&gt;
&lt;p&gt;caracteres sem sósia. a fonte escolhida distingue sem ambiguidade: o I maiúsculo, o l minúsculo e o número 1; as letras espelhadas b, d, p e q; o zero e a letra O. sequência alfanumérica (senha, código, identificador) é exibida em fonte que garante essas distinções, com espaçamento adicional.&lt;&#x2F;p&gt;
&lt;p&gt;serifa fica restrita a contexto editorial opcional e nunca em corpo funcional, porque parte dos usuários opera tela de baixa densidade onde serifa degrada.&lt;&#x2F;p&gt;
&lt;p&gt;neurotipos atendidos: dislexia, discalculia, baixa visão, função executiva, síndrome de Irlen. princípios: lei de pragnanz.&lt;&#x2F;p&gt;
&lt;h3 id=&quot;numeros-sao-universais&quot;&gt;números são universais&lt;&#x2F;h3&gt;
&lt;p&gt;regra. sequência numérica longa é segmentada no padrão do mundo real: telefone em blocos, documento em blocos, cartão em grupos de quatro. campo numérico corrige automaticamente erro previsível no momento da digitação, como a letra o no lugar do zero. toda quantidade ou tempo em dígitos vem com auxílio visual: barra de progresso com porcentagem escrita, contador de etapas com estado atual destacado, ou representação gráfica de proporção.&lt;&#x2F;p&gt;
&lt;p&gt;detalhe. a discalculia é uma dificuldade persistente com padrão numérico que independe de idade e escolaridade. tempo restante dito só como número não carrega significado pra alguns perfis. uma barra preenchida pela metade com o texto “50%, 3 de 6” comunica o mesmo dado por três canais. há porém um limite: substituir o número inteiramente por animação abstrata passa o ponto de abstração e confunde. o número permanece, o visual acompanha.&lt;&#x2F;p&gt;
&lt;p&gt;neurotipos atendidos: discalculia, dislexia, função executiva, baixa visão. princípios: lei de pragnanz, lei de tesler, navalha de occam.&lt;&#x2F;p&gt;
&lt;h3 id=&quot;espacamento-respiro-por-favor-e-layout&quot;&gt;espaçamento, respiro (por favor) e layout&lt;&#x2F;h3&gt;
&lt;p&gt;regra. escala de espaçamento em ritmo de 4: 4, 8, 12, 16, 24, 32, 48, 64 e 96 pixels. espaço em branco generoso entre grupos de informação. elemento relacionado fica próximo, elemento não relacionado fica visivelmente separado. uma coluna de leitura principal. conteúdo nunca disputa em colunas paralelas de mesma hierarquia. zona de importância estável: navegação, conteúdo e ação ficam na mesma região em toda tela e em todo tamanho de viewport.&lt;&#x2F;p&gt;
&lt;p&gt;detalhe. o espaço em branco é informação: comunica agrupamento e hierarquia antes da leitura. layout denso eleva a carga perceptiva e o custo de varredura, com penalidade maior pra TDAH. a escala fixa elimina decisão arbitrária de espaçamento e mantém o ritmo visual previsível no produto inteiro.&lt;&#x2F;p&gt;
&lt;p&gt;neurotipos atendidos: TDAH, dislexia, autismo, função executiva. princípios: lei de pragnanz, lei da conectividade uniforme, lei de jakob.&lt;&#x2F;p&gt;
&lt;h3 id=&quot;targets-de-toque-e-clique&quot;&gt;targets de toque e clique&lt;&#x2F;h3&gt;
&lt;p&gt;regra. alvo mínimo de 48 por 48 pixels pra qualquer elemento interativo. ação primária com 60 por 60. interface pra crianças usa 60 como mínimo e 80 a 100 pixels pra ação crítica, especialmente abaixo de 8 anos. espaçamento mínimo de 8 pixels entre alvos adjacentes, preferindo 16 quando o contexto permite. a área ativa pode exceder o desenho visível do elemento, tolerando toque levemente fora do limite.&lt;&#x2F;p&gt;
&lt;p&gt;detalhe. alvo maior e mais próximo reduz tempo de seleção e taxa de erro. pra pessoa com dispraxia e dificuldade de micromovimento, e pra criança com motricidade fina em desenvolvimento, a área grande reduz o esforço físico da interação. gesto de arrastar com precisão é difícil pra criança menor de 9 anos e tem alternativa por toque.&lt;&#x2F;p&gt;
&lt;p&gt;neurotipos atendidos: dispraxia, TDAH, baixa visão, criança em desenvolvimento motor. princípios: lei de fitts.&lt;&#x2F;p&gt;
&lt;h3 id=&quot;motion&quot;&gt;motion&lt;&#x2F;h3&gt;
&lt;blockquote class=&quot;markdown-alert-warning&quot;&gt;
&lt;p&gt;esta seção é de saúde, não de estética. nada pisca ou lampeja mais de três vezes por segundo, sem exceção, por risco de convulsão fotossensível.&lt;&#x2F;p&gt;
&lt;&#x2F;blockquote&gt;
&lt;p&gt;regra. transição dura entre 200 e 500 milissegundos, é lenta, previsível e do mesmo tipo no produto inteiro (preferir opacidade e cor, evitar deslocamento amplo). animação ocupa menos de um terço da tela. nenhuma animação dispara sozinha em loop. a preferência de movimento reduzido do sistema operacional é respeitada sempre, substituindo animação por transição simples de opacidade, e a interface oferece ainda um controle próprio pra desligar todo movimento. proibidos: rotação contínua, paralaxe, carrossel automático, elemento que entra voando, confete e qualquer movimento não solicitado.&lt;&#x2F;p&gt;
&lt;p&gt;detalhe. movimento na tela causa náusea, tontura e desorientação em pessoa com desordem vestibular, e usuário autista tem dificuldade significativamente maior com elemento em rotação do que a média. pra TDAH, movimento constante é distração perpétua mesmo em visão periférica, porque o olho é atraído automaticamente. estudante neurodivergente prefere fortemente transição lenta e deliberada com paleta atenuada, com melhora objetiva de retenção de informação.&lt;&#x2F;p&gt;
&lt;p&gt;neurotipos atendidos: epilepsia fotossensível, desordem vestibular, autismo, TDAH, pessoa altamente sensível. princípios: limiar de doherty.&lt;&#x2F;p&gt;
&lt;h3 id=&quot;botoes-links-e-campos&quot;&gt;botões, links e campos&lt;&#x2F;h3&gt;
&lt;p&gt;regra. o que é clicável parece clicável: visualmente distinto de qualquer elemento decorativo, com affordance clara. todo elemento interativo tem quatro estados visíveis e distintos: repouso, hover, foco e ativo. o estado de foco é um anel de 3 pixels com deslocamento de 2 a 3 pixels, em cor de contraste alto, visível em qualquer tema. é requisito de navegação por teclado, nunca removido. uma única ação primária por tela, com hierarquia explícita entre primária, secundária e discreta. ícone reforça intenção sem substituir texto em ação importante.&lt;&#x2F;p&gt;
&lt;p&gt;campo de formulário: rótulo sempre visível acima do campo, nunca só placeholder, porque o placeholder desaparece justo quando a memória de trabalho mais precisa dele. texto de apoio antes do campo quando o formato não é óbvio. altura mínima igual ao alvo de toque. validação no momento certo, nem a cada tecla, nem só no envio do formulário inteiro.&lt;&#x2F;p&gt;
&lt;p&gt;detalhe. botão e link são os elementos mais críticos da página. acessibilidade vai além de HTML semântico e rótulo pra leitor de tela: o desenho visual decide se a pessoa hesita ou age. hesitação é carga, ambiguidade é erro adiado.&lt;&#x2F;p&gt;
&lt;p&gt;neurotipos atendidos: dispraxia, dislexia, TDAH, função executiva, usuário de teclado e leitor de tela. princípios: lei de fitts, efeito de von restorff, navalha de occam.&lt;&#x2F;p&gt;
&lt;h3 id=&quot;formularios-e-prevencao-de-erro&quot;&gt;formulários e prevenção de erro&lt;&#x2F;h3&gt;
&lt;p&gt;regra. processo de alto custo mental, como cadastro, pagamento e configuração inicial, é dividido em passos contidos, um assunto por passo, com indicação clara de posição (etapa atual, total e o que vem a seguir). o sistema é liberal no que aceita e conservador no que devolve: aceita entrada com espaço, traço, ponto e maiúscula trocada, e normaliza sozinho. erro previsível é corrigido no ato. o progresso é salvo de forma que interrupção não signifique recomeço, porque interrupção é a norma, não a exceção, pro público prioritário.&lt;&#x2F;p&gt;
&lt;p&gt;mensagem de erro não pede desculpa, não culpa e não é vaga. diz o que aconteceu e como resolver, em uma frase, na voz do produto. exemplo de padrão: “faltam dois dígitos. um celular tem 11 números com o DDD.”&lt;&#x2F;p&gt;
&lt;p&gt;detalhe. diante de fluxo longo e opaco, pessoa com TDAH e dificuldade de função executiva tende a abandonar ou a escolher o caminho de menor custo, mesmo que errado. passo contido com posição visível transforma um custo grande em vários custos pequenos com sensação de avanço.&lt;&#x2F;p&gt;
&lt;p&gt;neurotipos atendidos: TDAH, função executiva, discalculia, ansiedade. princípios: lei de miller, lei de postel, lei de parkinson, regra do pico e fim.&lt;&#x2F;p&gt;
&lt;h3 id=&quot;comunicacao-do-sistema&quot;&gt;comunicação do sistema&lt;&#x2F;h3&gt;
&lt;p&gt;regra. aviso, validação, notificação e mensagem seguem um padrão visual único por tipo, no produto inteiro, sem variação. sucesso tem tom acolhedor e direto. erro é educado e orientado a solução. a nomenclatura de uma ação persiste do início ao fim do fluxo: o botão que diz “publicar” gera a confirmação “publicado”, nunca um sinônimo. notificação existe pra servir a pessoa, não pra trazê-la de volta: nada de notificação de re-engajamento, urgência fabricada ou escassez artificial. a pessoa controla o que recebe, com granularidade, e o padrão é o mínimo.&lt;&#x2F;p&gt;
&lt;p&gt;detalhe. quebra de convenção e estilo inconsistente geram desconfiança e derrubam estado de foco. onboarding não substitui clareza: a tela é compreensível antes da interação. tutorial é remendo de interface que falhou.&lt;&#x2F;p&gt;
&lt;p&gt;neurotipos atendidos: TDAH, dislexia, função executiva, autismo. princípios: lei de jakob, lei de miller, regra do pico e fim.&lt;&#x2F;p&gt;
&lt;h3 id=&quot;legendas-audio-e-midia&quot;&gt;legendas, áudio e mídia&lt;&#x2F;h3&gt;
&lt;p&gt;regra. toda mídia falada tem legenda sincronizada. a legenda usa texto claro sobre fundo sólido escuro com opacidade suficiente pra garantir contraste sobre qualquer imagem, em bloco curto de até duas linhas. áudio nunca inicia sozinho. todo player oferece pausa, retrocesso e controle de velocidade. conteúdo essencial nunca existe só em áudio ou só em vídeo: há sempre alternativa em texto.&lt;&#x2F;p&gt;
&lt;p&gt;detalhe. legenda serve a pessoa surda e com baixa audição, a quem processa melhor lendo, a quem está em ambiente ruidoso e a quem precisa de reforço duplo do canal de informação. som inesperado é agressão sensorial pra perfil autista e altamente sensível.&lt;&#x2F;p&gt;
&lt;p&gt;neurotipos atendidos: surdez e baixa audição, autismo, TDAH, pessoa altamente sensível, processamento auditivo. princípios: redundância de canal como acessibilidade, lei de pragnanz.&lt;&#x2F;p&gt;
&lt;h3 id=&quot;conteudo-e-tom-de-escrita&quot;&gt;conteúdo e tom de escrita&lt;&#x2F;h3&gt;
&lt;p&gt;regra. escrita em voz ativa, frase curta, uma ideia por frase, um assunto por parágrafo. nome descreve o que a pessoa controla e reconhece, nunca como o sistema foi construído. botão diz exatamente o que acontece: “salvar alterações”, não “enviar”. linguagem simples sem infantilizar. jargão técnico só quando é o termo que a pessoa precisa aprender, e nesse caso explicado na primeira ocorrência. texto em tela é material de design: cada palavra tem função, e o que não ajuda a entender é removido.&lt;&#x2F;p&gt;
&lt;p&gt;detalhe. pra leitor disléxico e pra qualquer pessoa sob carga, o custo de decodificação do texto compete com o conteúdo do texto. concisão é acessibilidade.&lt;&#x2F;p&gt;
&lt;p&gt;neurotipos atendidos: dislexia, TDAH, função executiva, falante não nativo. princípios: navalha de occam, lei de tesler.&lt;&#x2F;p&gt;
&lt;h3 id=&quot;ui-patterns&quot;&gt;ui patterns&lt;&#x2F;h3&gt;
&lt;p&gt;regra. conteúdo primeiro: a arquitetura de cada tela parte do objetivo da pessoa, e tudo que não serve ao objetivo sai. navegação consistente, com os mesmos itens nos mesmos lugares. nada de pop-up que interrompe tarefa, salvo risco real e imediato. nada de mudança de layout sem ação da pessoa. densidade de informação controlada: preferir progressão (ver mais sob demanda) a despejo. modo de foco disponível nos fluxos longos, escondendo tudo que não é a tarefa atual.&lt;&#x2F;p&gt;
&lt;p&gt;detalhe. diante de múltiplas opções concorrentes, pessoa com TDAH tende a paralisia de escolha ou a tarefa de menor custo. conservar complexidade na interface significa gastá-la onde produz valor: no conteúdo, não na operação.&lt;&#x2F;p&gt;
&lt;p&gt;neurotipos atendidos: TDAH, autismo, função executiva, ansiedade. princípios: paradoxo da complexidade, lei de hick, lei de jakob, efeito estética-usabilidade.&lt;&#x2F;p&gt;
&lt;h3 id=&quot;tokens-rules&quot;&gt;tokens rules&lt;&#x2F;h3&gt;
&lt;p&gt;resumo normativo dos tokens.&lt;&#x2F;p&gt;
&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;token&lt;&#x2F;th&gt;&lt;th&gt;valor normativo&lt;&#x2F;th&gt;&lt;&#x2F;tr&gt;&lt;&#x2F;thead&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td&gt;tipografia&lt;&#x2F;td&gt;&lt;td&gt;base 16px; corpo 1rem a 1.25rem; entrelinha 1.5 a 1.7; largura máxima de linha 66 caracteres; título no mínimo 20% maior que o corpo, peso 700; tracking de corpo 0.005em, de rótulo 0.03em&lt;&#x2F;td&gt;&lt;&#x2F;tr&gt;
&lt;tr&gt;&lt;td&gt;espaçamento&lt;&#x2F;td&gt;&lt;td&gt;escala em ritmo de 4: 4, 8, 12, 16, 24, 32, 48, 64, 96 pixels&lt;&#x2F;td&gt;&lt;&#x2F;tr&gt;
&lt;tr&gt;&lt;td&gt;alvos&lt;&#x2F;td&gt;&lt;td&gt;mínimo 48px; primário 60px; criança 60 a 100px; gap entre alvos 8 a 16px&lt;&#x2F;td&gt;&lt;&#x2F;tr&gt;
&lt;tr&gt;&lt;td&gt;raio de borda&lt;&#x2F;td&gt;&lt;td&gt;8px em controle, 12px em cartão e contêiner&lt;&#x2F;td&gt;&lt;&#x2F;tr&gt;
&lt;tr&gt;&lt;td&gt;movimento&lt;&#x2F;td&gt;&lt;td&gt;transição 200 a 500ms; curva suave de desaceleração; teto absoluto de 3 lampejos por segundo; respeitar preferência de movimento reduzido do sistema e oferecer desligamento local&lt;&#x2F;td&gt;&lt;&#x2F;tr&gt;
&lt;tr&gt;&lt;td&gt;contraste&lt;&#x2F;td&gt;&lt;td&gt;corpo de texto 7:1 ou superior; mínimo informativo 4.5:1; elemento decorativo dispensado de razão mínima desde que não carregue informação&lt;&#x2F;td&gt;&lt;&#x2F;tr&gt;
&lt;tr&gt;&lt;td&gt;temas&lt;&#x2F;td&gt;&lt;td&gt;escuro (padrão), claro e alto contraste, com troca acessível em um toque; tamanho de texto em três níveis: 100%, 112.5% e 128%&lt;&#x2F;td&gt;&lt;&#x2F;tr&gt;
&lt;tr&gt;&lt;td&gt;cores de referência&lt;&#x2F;td&gt;&lt;td&gt;documentadas na seção sobre cor; qualquer alteração exige nova verificação de contraste par a par&lt;&#x2F;td&gt;&lt;&#x2F;tr&gt;
&lt;&#x2F;tbody&gt;&lt;&#x2F;table&gt;
&lt;h3 id=&quot;neurotipos-considerados-para-esse-estudo&quot;&gt;neurotipos considerados para esse estudo&lt;&#x2F;h3&gt;
&lt;p&gt;resumo dos perfis que o sistema atende. as definições completas ficam nas notas de definição de neurotipo.&lt;&#x2F;p&gt;
&lt;details&gt;
&lt;summary&gt;TDAH&lt;&#x2F;summary&gt;
&lt;p&gt;variação de atenção, impulsividade e função executiva, com hiperfoco em área de interesse. desempenho cai sob alta carga cognitiva, atenção é capturada involuntariamente por movimento e estímulo. pede tela limpa, uma tarefa por vez, passo contido, baixo estímulo e tolerância a interrupção.&lt;&#x2F;p&gt;
&lt;&#x2F;details&gt;
&lt;details&gt;
&lt;summary&gt;autismo&lt;&#x2F;summary&gt;
&lt;p&gt;condição de neurodesenvolvimento que afeta processamento sensorial e social, com manifestação única em cada pessoa. pede previsibilidade, consistência, ausência de mudança brusca, controle sobre som, luz e movimento.&lt;&#x2F;p&gt;
&lt;&#x2F;details&gt;
&lt;details&gt;
&lt;summary&gt;dislexia&lt;&#x2F;summary&gt;
&lt;p&gt;dificuldade neurobiológica de reconhecimento, soletração e decodificação de palavra, com impacto em compreensão e vocabulário pela redução da experiência de leitura. pede fonte legível, espaçamento amplo, texto conciso e redundância visual.&lt;&#x2F;p&gt;
&lt;&#x2F;details&gt;
&lt;details&gt;
&lt;summary&gt;discalculia&lt;&#x2F;summary&gt;
&lt;p&gt;dificuldade específica e persistente com padrão numérico, independente de idade e escolaridade. pede número segmentado, auxílio visual de quantidade e tempo, e correção automática de entrada.&lt;&#x2F;p&gt;
&lt;&#x2F;details&gt;
&lt;details&gt;
&lt;summary&gt;dispraxia&lt;&#x2F;summary&gt;
&lt;p&gt;transtorno de coordenação que afeta movimento, equilíbrio e motricidade fina, incluindo o controle de cursor. pede alvo grande, tolerância a toque impreciso e alternativa a gesto de precisão.&lt;&#x2F;p&gt;
&lt;&#x2F;details&gt;
&lt;details&gt;
&lt;summary&gt;função executiva&lt;&#x2F;summary&gt;
&lt;p&gt;conjunto de processos de planejamento, organização, estratégia, atenção e memória de trabalho. varia também em pessoa neurotípica. pede passo contido, posição visível no fluxo, nome consistente e salvamento de progresso.&lt;&#x2F;p&gt;
&lt;&#x2F;details&gt;
&lt;details&gt;
&lt;summary&gt;baixa visão&lt;&#x2F;summary&gt;
&lt;p&gt;perda de acuidade visual não corrigida por lente. pede contraste alto, tamanho de texto controlável e forma distinta.&lt;&#x2F;p&gt;
&lt;&#x2F;details&gt;
&lt;details&gt;
&lt;summary&gt;daltonismo&lt;&#x2F;summary&gt;
&lt;p&gt;dificuldade de diferenciação de cor, mais comum entre vermelho e verde. pede que cor nunca seja sinal único.&lt;&#x2F;p&gt;
&lt;&#x2F;details&gt;
&lt;details&gt;
&lt;summary&gt;síndrome de Irlen e estresse visual&lt;&#x2F;summary&gt;
&lt;p&gt;dificuldade de processamento perceptual visual, com sensibilidade a luz, fadiga de leitura e dor de cabeça, não corrigível por lente comum. pede tema alternativo, baixa intensidade e contraste configurável.&lt;&#x2F;p&gt;
&lt;&#x2F;details&gt;
&lt;details&gt;
&lt;summary&gt;pessoa altamente sensível&lt;&#x2F;summary&gt;
&lt;p&gt;traço de sensibilidade de processamento sensorial, com reatividade emocional e sensorial elevada. pede calma, silêncio visual e sonoro, ritmo previsível.&lt;&#x2F;p&gt;
&lt;&#x2F;details&gt;
&lt;details&gt;
&lt;summary&gt;desordem vestibular&lt;&#x2F;summary&gt;
&lt;p&gt;comprometimento do sistema de equilíbrio e movimento ocular. movimento em tela causa tontura, náusea e fadiga cognitiva. pede movimento mínimo e desligável.&lt;&#x2F;p&gt;
&lt;&#x2F;details&gt;
&lt;details&gt;
&lt;summary&gt;epilepsia fotossensível&lt;&#x2F;summary&gt;
&lt;p&gt;risco de convulsão desencadeada por lampejo. pede o teto absoluto de três lampejos por segundo, sem exceção.&lt;&#x2F;p&gt;
&lt;&#x2F;details&gt;
&lt;h3 id=&quot;principios-de-ux-adotados&quot;&gt;princípios de UX adotados&lt;&#x2F;h3&gt;
&lt;p&gt;as definições completas ficam nas notas de leis de UX. resumo do papel de cada um.&lt;&#x2F;p&gt;
&lt;details&gt;
&lt;summary&gt;lei de pragnanz&lt;&#x2F;summary&gt;
&lt;p&gt;o cérebro interpreta o complexo na forma mais simples possível pra evitar sobrecarga, entregue já na forma simples.&lt;&#x2F;p&gt;
&lt;&#x2F;details&gt;
&lt;details&gt;
&lt;summary&gt;lei de fitts&lt;&#x2F;summary&gt;
&lt;p&gt;o tempo pra atingir um alvo é função do tamanho e da distância, alvo maior e próximo reduz erro.&lt;&#x2F;p&gt;
&lt;&#x2F;details&gt;
&lt;details&gt;
&lt;summary&gt;lei de miller&lt;&#x2F;summary&gt;
&lt;p&gt;a memória de trabalho retém por volta de sete itens, agrupe em blocos.&lt;&#x2F;p&gt;
&lt;&#x2F;details&gt;
&lt;details&gt;
&lt;summary&gt;lei de tesler&lt;&#x2F;summary&gt;
&lt;p&gt;existe complexidade irredutível, simplificar além dela gera confusão.&lt;&#x2F;p&gt;
&lt;&#x2F;details&gt;
&lt;details&gt;
&lt;summary&gt;lei de jakob&lt;&#x2F;summary&gt;
&lt;p&gt;as pessoas transferem expectativa de outro produto, convenção gera confiança.&lt;&#x2F;p&gt;
&lt;&#x2F;details&gt;
&lt;details&gt;
&lt;summary&gt;lei de hick e paradoxo da complexidade&lt;&#x2F;summary&gt;
&lt;p&gt;mais opção aumenta o tempo de decisão e gera paralisia, menos opção bem escolhida vale mais.&lt;&#x2F;p&gt;
&lt;&#x2F;details&gt;
&lt;details&gt;
&lt;summary&gt;efeito de von restorff&lt;&#x2F;summary&gt;
&lt;p&gt;o elemento distinto é o lembrado, reserve o destaque ao que importa.&lt;&#x2F;p&gt;
&lt;&#x2F;details&gt;
&lt;details&gt;
&lt;summary&gt;regra do pico e fim&lt;&#x2F;summary&gt;
&lt;p&gt;a experiência é julgada pelo momento mais intenso e pelo final.&lt;&#x2F;p&gt;
&lt;&#x2F;details&gt;
&lt;details&gt;
&lt;summary&gt;lei de postel&lt;&#x2F;summary&gt;
&lt;p&gt;aceite entrada com liberalidade, devolva saída com rigor.&lt;&#x2F;p&gt;
&lt;&#x2F;details&gt;
&lt;details&gt;
&lt;summary&gt;lei de parkinson&lt;&#x2F;summary&gt;
&lt;p&gt;a tarefa se expande pra preencher o tempo percebido, fluxo que parece curto termina mais rápido.&lt;&#x2F;p&gt;
&lt;&#x2F;details&gt;
&lt;details&gt;
&lt;summary&gt;limiar de doherty&lt;&#x2F;summary&gt;
&lt;p&gt;resposta em até 400 milissegundos mantém o engajamento produtivo, quando a operação demora, mostre progresso honesto.&lt;&#x2F;p&gt;
&lt;&#x2F;details&gt;
&lt;details&gt;
&lt;summary&gt;conectividade uniforme&lt;&#x2F;summary&gt;
&lt;p&gt;elemento com a mesma característica visual é lido como grupo.&lt;&#x2F;p&gt;
&lt;&#x2F;details&gt;
&lt;details&gt;
&lt;summary&gt;efeito estética-usabilidade&lt;&#x2F;summary&gt;
&lt;p&gt;interface agradável ganha tolerância a falha menor, o que obriga vigilância pra que a beleza não esconda falha grave.&lt;&#x2F;p&gt;
&lt;&#x2F;details&gt;
&lt;h3 id=&quot;checklist-de-conformidade&quot;&gt;checklist de conformidade&lt;&#x2F;h3&gt;
&lt;p&gt;antes de publicar qualquer tela, verificar: contraste de todo texto informativo em 4.5:1 no mínimo e 7:1 no corpo; fonte sem serifa humanista com os pares I-l-1, b-d-p-q e 0-O distintos; entrelinha de 150% ou mais e largura de linha até 66 caracteres; todo alvo interativo com 48 pixels ou mais e 8 pixels de respiro; foco visível por teclado em todo elemento interativo; nenhum lampejo acima de três por segundo; preferência de movimento reduzido respeitada e controle local de movimento presente; três temas e três tamanhos de texto funcionais; rótulo visível em todo campo, com mensagem de erro orientada a solução; número longo segmentado e quantidade com auxílio visual; toda mídia falada com legenda e sem reprodução automática; uma ação primária por tela; nomenclatura consistente do início ao fim de cada fluxo; nenhuma mecânica de engajamento compulsivo.&lt;&#x2F;p&gt;
&lt;h3 id=&quot;processo&quot;&gt;processo&lt;&#x2F;h3&gt;
&lt;p&gt;o sistema é documento vivo. toda regra nova entra com justificativa e neurotipos atendidos. toda regra existente pode ser contestada com evidência melhor. teste com pessoa neurodivergente real é parte do ciclo de design, com metodologia participativa, e não etapa final de validação. quando o teste contradiz a regra, a regra muda e a mudança é registrada com data e motivo.&lt;&#x2F;p&gt;
&lt;p&gt;Hoff Research. make it simple, but significant.&lt;&#x2F;p&gt;
&lt;section class=&quot;footnotes&quot;&gt;
&lt;ol class=&quot;footnotes-list&quot;&gt;
&lt;li id=&quot;fn-wery&quot;&gt;
&lt;p&gt;Wery e Diliberto, 2017, Annals of Dyslexia. &lt;a rel=&quot;external&quot; href=&quot;https:&#x2F;&#x2F;pmc.ncbi.nlm.nih.gov&#x2F;articles&#x2F;PMC5629233&#x2F;&quot;&gt;https:&#x2F;&#x2F;pmc.ncbi.nlm.nih.gov&#x2F;articles&#x2F;PMC5629233&#x2F;&lt;&#x2F;a&gt; &lt;a href=&quot;#fr-wery-1&quot;&gt;↩&lt;&#x2F;a&gt;&lt;&#x2F;p&gt;
&lt;&#x2F;li&gt;
&lt;li id=&quot;fn-kuster&quot;&gt;
&lt;p&gt;Kuster e colaboradores, 2018, Annals of Dyslexia. &lt;a rel=&quot;external&quot; href=&quot;https:&#x2F;&#x2F;pmc.ncbi.nlm.nih.gov&#x2F;articles&#x2F;PMC5934461&#x2F;&quot;&gt;https:&#x2F;&#x2F;pmc.ncbi.nlm.nih.gov&#x2F;articles&#x2F;PMC5934461&#x2F;&lt;&#x2F;a&gt; &lt;a href=&quot;#fr-kuster-1&quot;&gt;↩&lt;&#x2F;a&gt;&lt;&#x2F;p&gt;
&lt;&#x2F;li&gt;
&lt;li id=&quot;fn-rello&quot;&gt;
&lt;p&gt;Rello e Baeza-Yates, 2013, com eye-tracking em leitores disléxicos. &lt;a rel=&quot;external&quot; href=&quot;https:&#x2F;&#x2F;dl.acm.org&#x2F;doi&#x2F;10.1145&#x2F;2513383.2513447&quot;&gt;https:&#x2F;&#x2F;dl.acm.org&#x2F;doi&#x2F;10.1145&#x2F;2513383.2513447&lt;&#x2F;a&gt; &lt;a href=&quot;#fr-rello-1&quot;&gt;↩&lt;&#x2F;a&gt;&lt;&#x2F;p&gt;
&lt;&#x2F;li&gt;
&lt;li id=&quot;fn-ndblog&quot;&gt;
&lt;p&gt;Neurodivergent Blog, sans-serif contra serifa para legibilidade em TDAH. &lt;a rel=&quot;external&quot; href=&quot;https:&#x2F;&#x2F;neurodivergent.blog&#x2F;adhd-legibility-sans-fonts-vs-serif-fonts&#x2F;&quot;&gt;https:&#x2F;&#x2F;neurodivergent.blog&#x2F;adhd-legibility-sans-fonts-vs-serif-fonts&#x2F;&lt;&#x2F;a&gt; &lt;a href=&quot;#fr-ndblog-1&quot;&gt;↩&lt;&#x2F;a&gt;&lt;&#x2F;p&gt;
&lt;&#x2F;li&gt;
&lt;li id=&quot;fn-cgrn&quot;&gt;
&lt;p&gt;estudo indiano de 2023, Common Ground Research Networks. &lt;a rel=&quot;external&quot; href=&quot;https:&#x2F;&#x2F;www.researchgate.net&#x2F;publication&#x2F;369753521&quot;&gt;https:&#x2F;&#x2F;www.researchgate.net&#x2F;publication&#x2F;369753521&lt;&#x2F;a&gt; &lt;a href=&quot;#fr-cgrn-1&quot;&gt;↩&lt;&#x2F;a&gt;&lt;&#x2F;p&gt;
&lt;&#x2F;li&gt;
&lt;li id=&quot;fn-ndstype&quot;&gt;
&lt;p&gt;Neurodiversity Design System, tipografia. &lt;a rel=&quot;external&quot; href=&quot;https:&#x2F;&#x2F;neurodiversity.design&#x2F;principles&#x2F;typography&#x2F;&quot;&gt;https:&#x2F;&#x2F;neurodiversity.design&#x2F;principles&#x2F;typography&#x2F;&lt;&#x2F;a&gt; &lt;a href=&quot;#fr-ndstype-1&quot;&gt;↩&lt;&#x2F;a&gt;&lt;&#x2F;p&gt;
&lt;&#x2F;li&gt;
&lt;li id=&quot;fn-pnas&quot;&gt;
&lt;p&gt;Zorzi e colaboradores, 2012, PNAS. &lt;a rel=&quot;external&quot; href=&quot;https:&#x2F;&#x2F;www.pnas.org&#x2F;doi&#x2F;10.1073&#x2F;pnas.1205566109&quot;&gt;https:&#x2F;&#x2F;www.pnas.org&#x2F;doi&#x2F;10.1073&#x2F;pnas.1205566109&lt;&#x2F;a&gt; &lt;a href=&quot;#fr-pnas-1&quot;&gt;↩&lt;&#x2F;a&gt;&lt;&#x2F;p&gt;
&lt;&#x2F;li&gt;
&lt;li id=&quot;fn-sjoblom&quot;&gt;
&lt;p&gt;Sjoblom, Eaton e Stagg, 2016. &lt;a rel=&quot;external&quot; href=&quot;https:&#x2F;&#x2F;pubmed.ncbi.nlm.nih.gov&#x2F;27629067&#x2F;&quot;&gt;https:&#x2F;&#x2F;pubmed.ncbi.nlm.nih.gov&#x2F;27629067&#x2F;&lt;&#x2F;a&gt; &lt;a href=&quot;#fr-sjoblom-1&quot;&gt;↩&lt;&#x2F;a&gt;&lt;&#x2F;p&gt;
&lt;&#x2F;li&gt;
&lt;li id=&quot;fn-galliussi&quot;&gt;
&lt;p&gt;Galliussi e colaboradores, 2020, Annals of Dyslexia. &lt;a rel=&quot;external&quot; href=&quot;https:&#x2F;&#x2F;link.springer.com&#x2F;article&#x2F;10.1007&#x2F;s11881-020-00194-x&quot;&gt;https:&#x2F;&#x2F;link.springer.com&#x2F;article&#x2F;10.1007&#x2F;s11881-020-00194-x&lt;&#x2F;a&gt; &lt;a href=&quot;#fr-galliussi-1&quot;&gt;↩&lt;&#x2F;a&gt;&lt;&#x2F;p&gt;
&lt;&#x2F;li&gt;
&lt;li id=&quot;fn-cast&quot;&gt;
&lt;p&gt;CISL Cast, adjustable line spacing. &lt;a rel=&quot;external&quot; href=&quot;https:&#x2F;&#x2F;cisl.cast.org&#x2F;research&#x2F;adjustable-line-spacing&quot;&gt;https:&#x2F;&#x2F;cisl.cast.org&#x2F;research&#x2F;adjustable-line-spacing&lt;&#x2F;a&gt; &lt;a href=&quot;#fr-cast-1&quot;&gt;↩&lt;&#x2F;a&gt;&lt;&#x2F;p&gt;
&lt;&#x2F;li&gt;
&lt;li id=&quot;fn-frontiers&quot;&gt;
&lt;p&gt;Frontiers in Psychiatry, 2022. &lt;a rel=&quot;external&quot; href=&quot;https:&#x2F;&#x2F;www.frontiersin.org&#x2F;journals&#x2F;psychiatry&#x2F;articles&#x2F;10.3389&#x2F;fpsyt.2022.1042641&#x2F;full&quot;&gt;https:&#x2F;&#x2F;www.frontiersin.org&#x2F;journals&#x2F;psychiatry&#x2F;articles&#x2F;10.3389&#x2F;fpsyt.2022.1042641&#x2F;full&lt;&#x2F;a&gt; &lt;a href=&quot;#fr-frontiers-1&quot;&gt;↩&lt;&#x2F;a&gt;&lt;&#x2F;p&gt;
&lt;&#x2F;li&gt;
&lt;li id=&quot;fn-ndscolour&quot;&gt;
&lt;p&gt;Neurodiversity Design System, cor. &lt;a rel=&quot;external&quot; href=&quot;https:&#x2F;&#x2F;neurodiversity.design&#x2F;principles&#x2F;colour&#x2F;&quot;&gt;https:&#x2F;&#x2F;neurodiversity.design&#x2F;principles&#x2F;colour&#x2F;&lt;&#x2F;a&gt; &lt;a href=&quot;#fr-ndscolour-1&quot;&gt;↩&lt;&#x2F;a&gt;&lt;&#x2F;p&gt;
&lt;&#x2F;li&gt;
&lt;li id=&quot;fn-banaschewski&quot;&gt;
&lt;p&gt;Banaschewski e colaboradores, 2006, Behavioral and Brain Functions. &lt;a rel=&quot;external&quot; href=&quot;https:&#x2F;&#x2F;behavioralandbrainfunctions.biomedcentral.com&#x2F;articles&#x2F;10.1186&#x2F;1744-9081-10-38&quot;&gt;https:&#x2F;&#x2F;behavioralandbrainfunctions.biomedcentral.com&#x2F;articles&#x2F;10.1186&#x2F;1744-9081-10-38&lt;&#x2F;a&gt; &lt;a href=&quot;#fr-banaschewski-1&quot;&gt;↩&lt;&#x2F;a&gt;&lt;&#x2F;p&gt;
&lt;&#x2F;li&gt;
&lt;li id=&quot;fn-vep&quot;&gt;
&lt;p&gt;estudo de potencial evocado visual de cor, 2014. &lt;a rel=&quot;external&quot; href=&quot;https:&#x2F;&#x2F;www.sciencedirect.com&#x2F;science&#x2F;article&#x2F;pii&#x2F;S1888429614000971&quot;&gt;https:&#x2F;&#x2F;www.sciencedirect.com&#x2F;science&#x2F;article&#x2F;pii&#x2F;S1888429614000971&lt;&#x2F;a&gt; &lt;a href=&quot;#fr-vep-1&quot;&gt;↩&lt;&#x2F;a&gt;&lt;&#x2F;p&gt;
&lt;&#x2F;li&gt;
&lt;li id=&quot;fn-govuk&quot;&gt;
&lt;p&gt;gov.uk, dos and don’ts on designing for accessibility, 2016. &lt;a rel=&quot;external&quot; href=&quot;https:&#x2F;&#x2F;accessibility.blog.gov.uk&#x2F;2016&#x2F;09&#x2F;02&#x2F;dos-and-donts-on-designing-for-accessibility&#x2F;&quot;&gt;https:&#x2F;&#x2F;accessibility.blog.gov.uk&#x2F;2016&#x2F;09&#x2F;02&#x2F;dos-and-donts-on-designing-for-accessibility&#x2F;&lt;&#x2F;a&gt; &lt;a href=&quot;#fr-govuk-1&quot;&gt;↩&lt;&#x2F;a&gt;&lt;&#x2F;p&gt;
&lt;&#x2F;li&gt;
&lt;li id=&quot;fn-wcagtarget&quot;&gt;
&lt;p&gt;WCAG 2.5.8, target size (minimum), W3C. &lt;a rel=&quot;external&quot; href=&quot;https:&#x2F;&#x2F;www.w3.org&#x2F;WAI&#x2F;WCAG22&#x2F;Understanding&#x2F;target-size-minimum.html&quot;&gt;https:&#x2F;&#x2F;www.w3.org&#x2F;WAI&#x2F;WCAG22&#x2F;Understanding&#x2F;target-size-minimum.html&lt;&#x2F;a&gt; &lt;a href=&quot;#fr-wcagtarget-1&quot;&gt;↩&lt;&#x2F;a&gt;&lt;&#x2F;p&gt;
&lt;&#x2F;li&gt;
&lt;li id=&quot;fn-nngtarget&quot;&gt;
&lt;p&gt;Nielsen Norman Group, touch target size. &lt;a rel=&quot;external&quot; href=&quot;https:&#x2F;&#x2F;www.nngroup.com&#x2F;articles&#x2F;touch-target-size&#x2F;&quot;&gt;https:&#x2F;&#x2F;www.nngroup.com&#x2F;articles&#x2F;touch-target-size&#x2F;&lt;&#x2F;a&gt; &lt;a href=&quot;#fr-nngtarget-1&quot;&gt;↩&lt;&#x2F;a&gt;&lt;&#x2F;p&gt;
&lt;&#x2F;li&gt;
&lt;li id=&quot;fn-material&quot;&gt;
&lt;p&gt;material design (Android), acessibilidade. &lt;a rel=&quot;external&quot; href=&quot;https:&#x2F;&#x2F;support.google.com&#x2F;accessibility&#x2F;android&#x2F;answer&#x2F;7101858&quot;&gt;https:&#x2F;&#x2F;support.google.com&#x2F;accessibility&#x2F;android&#x2F;answer&#x2F;7101858&lt;&#x2F;a&gt; &lt;a href=&quot;#fr-material-1&quot;&gt;↩&lt;&#x2F;a&gt;&lt;&#x2F;p&gt;
&lt;&#x2F;li&gt;
&lt;li id=&quot;fn-touch65&quot;&gt;
&lt;p&gt;estudo em touchscreen de 65 polegadas, 2023. &lt;a rel=&quot;external&quot; href=&quot;https:&#x2F;&#x2F;www.researchgate.net&#x2F;publication&#x2F;368424502&quot;&gt;https:&#x2F;&#x2F;www.researchgate.net&#x2F;publication&#x2F;368424502&lt;&#x2F;a&gt; &lt;a href=&quot;#fr-touch65-1&quot;&gt;↩&lt;&#x2F;a&gt;&lt;&#x2F;p&gt;
&lt;&#x2F;li&gt;
&lt;li id=&quot;fn-tidrc&quot;&gt;
&lt;p&gt;Soni e colaboradores, framework TIDRC, CHI 2019. &lt;a rel=&quot;external&quot; href=&quot;https:&#x2F;&#x2F;www.researchgate.net&#x2F;publication&#x2F;333624343&quot;&gt;https:&#x2F;&#x2F;www.researchgate.net&#x2F;publication&#x2F;333624343&lt;&#x2F;a&gt; &lt;a href=&quot;#fr-tidrc-1&quot;&gt;↩&lt;&#x2F;a&gt;&lt;&#x2F;p&gt;
&lt;&#x2F;li&gt;
&lt;li id=&quot;fn-nngchild&quot;&gt;
&lt;p&gt;Nielsen Norman Group, children UX and physical development. &lt;a rel=&quot;external&quot; href=&quot;https:&#x2F;&#x2F;www.nngroup.com&#x2F;articles&#x2F;children-ux-physical-development&#x2F;&quot;&gt;https:&#x2F;&#x2F;www.nngroup.com&#x2F;articles&#x2F;children-ux-physical-development&#x2F;&lt;&#x2F;a&gt; &lt;a href=&quot;#fr-nngchild-1&quot;&gt;↩&lt;&#x2F;a&gt;&lt;&#x2F;p&gt;
&lt;&#x2F;li&gt;
&lt;li id=&quot;fn-wcaganim&quot;&gt;
&lt;p&gt;WCAG 2.3, animation from interactions, W3C. &lt;a rel=&quot;external&quot; href=&quot;https:&#x2F;&#x2F;www.w3.org&#x2F;WAI&#x2F;WCAG21&#x2F;Understanding&#x2F;animation-from-interactions.html&quot;&gt;https:&#x2F;&#x2F;www.w3.org&#x2F;WAI&#x2F;WCAG21&#x2F;Understanding&#x2F;animation-from-interactions.html&lt;&#x2F;a&gt; &lt;a href=&quot;#fr-wcaganim-1&quot;&gt;↩&lt;&#x2F;a&gt;&lt;&#x2F;p&gt;
&lt;&#x2F;li&gt;
&lt;li id=&quot;fn-acmrot&quot;&gt;
&lt;p&gt;estudo de 2022 na ACM sobre imagem rotativa e usuários autistas. &lt;a rel=&quot;external&quot; href=&quot;https:&#x2F;&#x2F;dl.acm.org&#x2F;doi&#x2F;abs&#x2F;10.1145&#x2F;3510458.3513007&quot;&gt;https:&#x2F;&#x2F;dl.acm.org&#x2F;doi&#x2F;abs&#x2F;10.1145&#x2F;3510458.3513007&lt;&#x2F;a&gt; &lt;a href=&quot;#fr-acmrot-1&quot;&gt;↩&lt;&#x2F;a&gt;&lt;&#x2F;p&gt;
&lt;&#x2F;li&gt;
&lt;li id=&quot;fn-eduvoice&quot;&gt;
&lt;p&gt;Educational Voice, accessibility animation. &lt;a rel=&quot;external&quot; href=&quot;https:&#x2F;&#x2F;educationalvoice.co.uk&#x2F;accessibility-animation&#x2F;&quot;&gt;https:&#x2F;&#x2F;educationalvoice.co.uk&#x2F;accessibility-animation&#x2F;&lt;&#x2F;a&gt; &lt;a href=&quot;#fr-eduvoice-1&quot;&gt;↩&lt;&#x2F;a&gt;&lt;&#x2F;p&gt;
&lt;&#x2F;li&gt;
&lt;li id=&quot;fn-mdn&quot;&gt;
&lt;p&gt;MDN, using media queries for accessibility (prefers-reduced-motion). &lt;a rel=&quot;external&quot; href=&quot;https:&#x2F;&#x2F;developer.mozilla.org&#x2F;en-US&#x2F;docs&#x2F;Web&#x2F;CSS&#x2F;CSS_media_queries&#x2F;Using_media_queries_for_accessibility&quot;&gt;https:&#x2F;&#x2F;developer.mozilla.org&#x2F;en-US&#x2F;docs&#x2F;Web&#x2F;CSS&#x2F;CSS_media_queries&#x2F;Using_media_queries_for_accessibility&lt;&#x2F;a&gt; &lt;a href=&quot;#fr-mdn-1&quot;&gt;↩&lt;&#x2F;a&gt;&lt;&#x2F;p&gt;
&lt;&#x2F;li&gt;
&lt;li id=&quot;fn-valhead&quot;&gt;
&lt;p&gt;Val Head, CSS-Tricks, accessible web animation. &lt;a rel=&quot;external&quot; href=&quot;https:&#x2F;&#x2F;css-tricks.com&#x2F;accessible-web-animation-the-wcag-on-animation-explained&#x2F;&quot;&gt;https:&#x2F;&#x2F;css-tricks.com&#x2F;accessible-web-animation-the-wcag-on-animation-explained&#x2F;&lt;&#x2F;a&gt; &lt;a href=&quot;#fr-valhead-1&quot;&gt;↩&lt;&#x2F;a&gt;&lt;&#x2F;p&gt;
&lt;&#x2F;li&gt;
&lt;li id=&quot;fn-profiletree&quot;&gt;
&lt;p&gt;ProfileTree, inclusive animation design for neurodiverse audiences. &lt;a rel=&quot;external&quot; href=&quot;https:&#x2F;&#x2F;profiletree.com&#x2F;inclusive-animation-design-creating-accessible-motion-graphics-for-neurodiverse-audiences&#x2F;&quot;&gt;https:&#x2F;&#x2F;profiletree.com&#x2F;inclusive-animation-design-creating-accessible-motion-graphics-for-neurodiverse-audiences&#x2F;&lt;&#x2F;a&gt; &lt;a href=&quot;#fr-profiletree-1&quot;&gt;↩&lt;&#x2F;a&gt;&lt;&#x2F;p&gt;
&lt;&#x2F;li&gt;
&lt;li id=&quot;fn-opensans&quot;&gt;
&lt;p&gt;Open Sans, Google Fonts. &lt;a rel=&quot;external&quot; href=&quot;https:&#x2F;&#x2F;fonts.google.com&#x2F;specimen&#x2F;Open+Sans&quot;&gt;https:&#x2F;&#x2F;fonts.google.com&#x2F;specimen&#x2F;Open+Sans&lt;&#x2F;a&gt; &lt;a href=&quot;#fr-opensans-1&quot;&gt;↩&lt;&#x2F;a&gt;&lt;&#x2F;p&gt;
&lt;&#x2F;li&gt;
&lt;li id=&quot;fn-wcag&quot;&gt;
&lt;p&gt;WCAG 2.1, W3C. &lt;a rel=&quot;external&quot; href=&quot;https:&#x2F;&#x2F;www.w3.org&#x2F;WAI&#x2F;standards-guidelines&#x2F;wcag&#x2F;&quot;&gt;https:&#x2F;&#x2F;www.w3.org&#x2F;WAI&#x2F;standards-guidelines&#x2F;wcag&#x2F;&lt;&#x2F;a&gt; &lt;a href=&quot;#fr-wcag-1&quot;&gt;↩&lt;&#x2F;a&gt;&lt;&#x2F;p&gt;
&lt;&#x2F;li&gt;
&lt;li id=&quot;fn-cognitive&quot;&gt;
&lt;p&gt;W3C, cognitive accessibility. &lt;a rel=&quot;external&quot; href=&quot;https:&#x2F;&#x2F;www.w3.org&#x2F;WAI&#x2F;cognitive&#x2F;&quot;&gt;https:&#x2F;&#x2F;www.w3.org&#x2F;WAI&#x2F;cognitive&#x2F;&lt;&#x2F;a&gt; &lt;a href=&quot;#fr-cognitive-1&quot;&gt;↩&lt;&#x2F;a&gt;&lt;&#x2F;p&gt;
&lt;&#x2F;li&gt;
&lt;&#x2F;ol&gt;
&lt;&#x2F;section&gt;
</content>
        
    </entry>
    <entry xml:lang="en">
        <title>Nós Somos Divergentes: A Canção e a Missão da Aurora</title>
        <published>2025-01-20T00:00:00+00:00</published>
        <updated>2025-01-20T00:00:00+00:00</updated>
        
        <author>
          <name>
            Brenner Cruvinel
          </name>
        </author>
        
        <link rel="alternate" type="text/html" href="https://brennercruvinel.blog/blog/musica-aurora/"/>
        <id>https://brennercruvinel.blog/blog/musica-aurora/</id>
        
        <content type="html" xml:base="https://brennercruvinel.blog/blog/musica-aurora/">&lt;p&gt;tô amando fazer esse projeto pra aura, lapidar cada detalhe, tudo pra ela, por ela… te amo muito, filha…&lt;&#x2F;p&gt;
&lt;p&gt;hoje passei a noite inteira brainstormando a trilha e o opening, ainda muito longe de um resultado que me agrade…&lt;&#x2F;p&gt;
&lt;p&gt;todo &lt;a href=&quot;https:&#x2F;&#x2F;brennercruvinel.blog&#x2F;blog&#x2F;design-system-neurodivergente&#x2F;&quot;&gt;neurodivergente&lt;&#x2F;a&gt; carrega uma missão. a Aurora descobriu isso cedo, expandiu a consciência na meditação, e usa a mente divergente como acesso root à recursividade universal. a letra existe em português e inglês, e a versão em inglês ancora a Aurora numa linhagem de mentes (Hypatia, Euler, Ramanujan, Grace Hopper).&lt;&#x2F;p&gt;
&lt;h3 id=&quot;a-missao&quot;&gt;a missão&lt;&#x2F;h3&gt;
&lt;p&gt;descobriu desde cedo que todo neurodivergente carrega uma missão. uma mente super potente sempre carrega uma missão. encontrou o propósito na meditação, expandiu a consciência com a respiração, e na meditação se conecta com nous, a consciência suprema universal. mente neurodivergente com acesso root à recursividade universal. projeta com a proporção áurea universal, desenha fractais na mente.&lt;&#x2F;p&gt;
&lt;p&gt;o futuro da terra está nas nossas mãos. nós vemos os padrões.&lt;&#x2F;p&gt;
&lt;h3 id=&quot;os-superpoderes-a-vantagem-divergente&quot;&gt;os superpoderes (a vantagem divergente)&lt;&#x2F;h3&gt;
&lt;p&gt;a lista de habilidades que a canção celebra, o vocabulário da missão:&lt;&#x2F;p&gt;
&lt;ul&gt;
&lt;li&gt;reconhecimento de padrões universais&lt;&#x2F;li&gt;
&lt;li&gt;pensamento isomórfico pra identificar padrões&lt;&#x2F;li&gt;
&lt;li&gt;detecção de anomalias e detecção intuitiva de erros&lt;&#x2F;li&gt;
&lt;li&gt;detecção de inconsistências abstratas&lt;&#x2F;li&gt;
&lt;li&gt;criatividade não-convencional, pensamento não linear&lt;&#x2F;li&gt;
&lt;li&gt;ideação divergente&lt;&#x2F;li&gt;
&lt;li&gt;consciência metacognitiva&lt;&#x2F;li&gt;
&lt;li&gt;vantagem visuoespacial&lt;&#x2F;li&gt;
&lt;li&gt;sensibilidade a sinais fracos&lt;&#x2F;li&gt;
&lt;li&gt;tolerância à complexidade&lt;&#x2F;li&gt;
&lt;li&gt;modelagem abstrata&lt;&#x2F;li&gt;
&lt;li&gt;aprendizado acelerado&lt;&#x2F;li&gt;
&lt;li&gt;especialização extrema&lt;&#x2F;li&gt;
&lt;li&gt;amplificação sensorial&lt;&#x2F;li&gt;
&lt;li&gt;atenção monotrópica&lt;&#x2F;li&gt;
&lt;li&gt;memória de trabalho em gigavelocidade, superior à da luz&lt;&#x2F;li&gt;
&lt;&#x2F;ul&gt;
&lt;h3 id=&quot;refrao&quot;&gt;refrão&lt;&#x2F;h3&gt;
&lt;pre class=&quot;giallo&quot; style=&quot;color-scheme: light dark; color: light-dark(#657B83, #839496); background-color: light-dark(#FDF6E3, #002B36);&quot;&gt;&lt;code data-lang=&quot;plain&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;nós somos divergentes&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;nós somos supermentes&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;nós somos divergentes&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;nós somos supermentes&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;reactive aura,&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;hoff, deploy!&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;&lt;&#x2F;code&gt;&lt;&#x2F;pre&gt;
&lt;p&gt;protected by hoff in the hyperfocus mode. use the drones only for defense. hyperfocus by nature, deploy.&lt;&#x2F;p&gt;
&lt;h3 id=&quot;verso-ingles&quot;&gt;verso (inglês)&lt;&#x2F;h3&gt;
&lt;pre class=&quot;giallo&quot; style=&quot;color-scheme: light dark; color: light-dark(#657B83, #839496); background-color: light-dark(#FDF6E3, #002B36);&quot;&gt;&lt;code data-lang=&quot;plain&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;she&amp;#39;s got a mind that reads the patterns never seen before&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;connections at the speed of light, that&amp;#39;s what the superintelligence is for&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;descendant of Hypatia, she carries Euler&amp;#39;s code&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;Ramanujan dreamed the proof, she walks the path they showed&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;she sees the math behind the stars, the rhythms in the noise&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;the drones deploy, the shields go up, defense her only choice&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;Grace Hopper wrote the first command, Aurora writes the last&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;a mind this fast connects the dots the world just walked right past&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;activate hyperfocus mode&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;we are divergents&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;we are superminds&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;the future of the earth is in our minds&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;she carries the primal code&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;&lt;&#x2F;code&gt;&lt;&#x2F;pre&gt;
&lt;p&gt;draw fractals in mind, golden ratio metrics by nature, a superpowerful always carries a mission.&lt;&#x2F;p&gt;
&lt;h3 id=&quot;final&quot;&gt;final&lt;&#x2F;h3&gt;
&lt;pre class=&quot;giallo&quot; style=&quot;color-scheme: light dark; color: light-dark(#657B83, #839496); background-color: light-dark(#FDF6E3, #002B36);&quot;&gt;&lt;code data-lang=&quot;plain&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;activate hyperfocus mode&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;reactive aura,&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;hoff, deploy!&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;&lt;&#x2F;code&gt;&lt;&#x2F;pre&gt;</content>
        
    </entry>
</feed>
