Uma Single Page Application (PWA) 100% offline-first, privada e acolhedora, desenhada para momentos de sobrecarga mental, depressão profunda e ansiedade.
👉 Clique aqui para experimentar o Respiro no seu navegador
“Seu valor não diminui com o seu cansaço.”
A maioria dos aplicativos de produtividade e hábitos foi desenhada para pessoas com alta energia executiva. Eles usam notificações invasivas, contadores de ofensiva (streaks) punitivos e metas irreais que geram culpa e paralisia quando a pessoa está enfrentando episódios depressivos ou crises de ansiedade.
O Respiro propõe uma inversão completa:
- Zero cobrança ou culpa: O app nunca cobra se você passar dias sem abri-lo. Não há calendários com buracos vermelhos.
- Microativação fractal: Tarefas atômicas (como "beber um gole d'água" ou "soltar os ombros"). Se ainda assim for difícil, o app quebra a ação em uma versão ainda mais suave.
- Adaptação Somática Dual:
- Modo Sem Energia (Hipoativação / Depressão): Ritmo brando, conservação de energia e quebra gradual da inércia.
- Modo Mente Acelerada (Hiperativação / Ansiedade): Desaceleração simpática, estímulo vagal, respiração cadenciada e ancoragem física imediata.
- Privacidade Radical (Local-Only): Nenhum dado sai do seu aparelho. Sem login obrigatório, sem servidores externos, com opção de criptografia local AES-GCM de 256 bits via PIN.
| Característica | Apps Tradicionais de Hábitos | O Respiro |
|---|---|---|
| Mecânica de Dias Parados | Streaks quebram |
Trilha de Pedras: cada passo é um marco eterno |
| Reação ao Cansaço | Alertas urgentes e notificações push | Modo Espectador: "Só abri o app hoje" já é uma vitória |
| Volume Sensorial | Cores saturadas, sons estridentes, pop-ups | Estímulo Zero: tipografia sutil, luz zenital e silêncio |
| Paisagem Sonora | Arquivos MP3 pesados ou streaming externo | Síntese Algorítmica: Web Audio API pura sem tráfego |
| Privacidade | Coleta de telemetria e login na nuvem | 100% no Dispositivo: IndexedDB + Web Crypto local |
O gráfico abaixo ilustra como o motor do Respiro processa os estados fisiológicos e orienta a pessoa com suavidade:
flowchart TD
A([Abertura do Respiro]) --> B{Check-in Somático de Estado}
B -->|Corpo Pesado / Falta de Energia| C[Modo Sem Energia]
B -->|Mente Acelerada / Agitação| D[Modo Mente Acelerada]
C --> E[Micrometas de Baixo Atrito]
E --> F{Ação viável no momento?}
F -->|Sim| G[Concluir Suavemente]
F -->|Muito difícil| H[Quebra Fractal da Tarefa]
H --> G
F -->|Sem forças| I[Modo Espectador: Só abri o app]
D --> J[Desaceleração Vagal Imediata]
J --> K[Respiração Fluida em Tela Cheia]
J --> L[Aterramento Sensorial 5-4-3-2-1]
J --> M[Linha Direta CVV 188]
G --> N[Avanço na Trilha de Pedras]
I --> N
N --> O[(O Terrário: Novo Broto Silencioso)]
classDef soft fill:#19282b,stroke:#68a090,stroke-width:1.5px,color:#e2e8f0;
classDef storm fill:#1a2230,stroke:#818cf8,stroke-width:1.5px,color:#e2e8f0;
classDef accent fill:#1a2520,stroke:#8bbcb0,stroke-width:2px,color:#fff;
class A,B,E,F,H,N,O soft;
class D,J,K,L,M storm;
class G,I,C accent;
- Curvaturas Contínuas (Squircle): Harmonia geométrica aninhada (
rounded-3xlexterno comrounded-xlinterno). - Luz Zenital (
.zenith-card): Bordas com gradiente fosco mineral translúcido (rgba(255, 255, 255, 0.07)), proporcionando alívio visual em quartos escuros. - Modo Estímulo Zero: Um botão para ocultar qualquer componente secundário, deixando na tela apenas uma frase suave e duas escolhas.
- Tipografia Display Maternada: Família serifada Fraunces com tracking negativo e entrelinhas relaxadas em cinza mineral cálido (
#a1a1aa), eliminando o branco agressivo.
- Simulação Circadiana em Tempo Real:
- Dia: Raios solares filtrados pelas folhagens (god rays dourados e esmeraldas).
- Crepúsculo: Luz horizontal âmbar e atmosfera morna de desaceleração.
- Noite: Penumbra suave, reflexos prateados e vaga-lumes bioluminescentes pulsando harmonicamente.
- Interação Contemplativa: Brisa suave reativa ao movimento do cursor/toque (leaf sway), auréolas de luz translúcida e gotas de orvalho que caem com física suave e microvibração háptica.
- Coleção Silenciosa: Elementos como Ramo de Alfazema, Pedra de Rio, Cogumelo Luminescente, Folha de Ginkgo, Broto de Sálvia e Cristal de Orvalho.
Zero dependência de arquivos de áudio externos ou conexão de rede:
- Ruído Marrom Puro: Filtragem de ruído branco para alívio neurovegetativo e cancelamento de sobrecarga sonora.
- Chuva Mansa: Filtros passa-faixa estocásticos que mimetizam gotas d'água caindo em folhas.
- Brisa Noturna: Modulação de baixa frequência (LFO de 0.15Hz) criando ondulações de ar suave.
- Interface desprovida de cronômetros regressivos ou números indutores de ansiedade.
- Expansão e contração de um círculo amplo orgânico acompanhado de halos de luz difusa para ancorar a atenção no corpo.
- Toque em qualquer lugar da tela para fechar instantaneamente.
- Criptografia AES-GCM (256 bits): Proteção ponta a ponta dos seus registros através da Web Crypto API do próprio navegador.
- Relatório de Apoio para Sessão de Terapia: Gerador de relatório formatado para impressão ou PDF com médias de humor, nível de conservação de energia e âncoras de alívio, facilitando o diálogo com psicólogos e psiquiatras.
- Exportação Rápida de Cartão do Dia: Formatação limpa em texto pronto para enviar via WhatsApp para familiares ou terapeutas.
O Respiro foi concebido a partir da interseção entre psicologia clínica, neurociência do estresse e design de interação:
- Ativação Comportamental (Behavioral Activation Therapy - BAT):
- O isolamento e a estagnação física reforçam episódios depressivos ao privar o cérebro de reforçadores naturais de dopamina.
- O app introduz micromovimentos atômicos de atrito ultrabaixo que rompem o ciclo da anedonia sem exigir força de vontade sobre-humana.
- Teoria Polivagal (Dr. Stephen Porges):
- Nos momentos de crise ansiosa, o sistema nervoso simpático entra em hiperativação (luta ou fuga).
- O Respiro aciona a ancoragem parassimpática (ramo vagal ventral) através da desaceleração respiratória fluida (sem números estressantes) e do Soundscape estocástico (frequências de ruído marrom que modulam o ritmo neurovegetativo).
- Neuroergonomia & Psicologia da Percepção:
- Pessoas em esgotamento cognitivo sofrem com fadiga ocular e hipersensibilidade a estímulos.
- A interface elimina completamente notificações push, cores de alerta saturadas (vermelho/amarelo) e contadores regressivos, empregando luz zenital mineral (
#a1a1aae verde sálvia) para diminuir a carga sensorial.
graph LR
subgraph Cliente [Ambiente do Navegador - 100% Client-Side]
UI[Single Page Interface<br/>HTML5 + Tailwind CSS]
Canvas[Terrário Procedural<br/>Canvas 2D API 60FPS]
Audio[Soundscape Nativo<br/>Web Audio API Nodes]
Crypto[Segurança Local<br/>Web Crypto AES-GCM 256]
PWA[Service Worker<br/>Offline Cache v16]
Storage[(IndexedDB / LocalStorage)]
end
UI --> Canvas
UI --> Audio
UI --> Crypto
Crypto --> Storage
PWA -.-> UI
- Linguagens: HTML5 semântico, Modern JavaScript (ES6+ modular e reativo) e Tailwind CSS.
- PWA Ready: Manifest configurado, ícone vetorial adaptativo e Service Worker com estratégia Cache-First garantindo execução completa sem internet.
- Dependências Externas: Zero frameworks pesados (sem React, Vue ou Angular). Carregamento instantâneo de ~0.3s.
- Abra o Respiro no celular pelo navegador (Safari no iPhone ou Chrome no Android).
-
Adicione à tela de início:
-
No Android (Chrome): Toque no menu de três pontos
$\rightarrow$ "Instalar aplicativo" ou "Adicionar à tela inicial". -
No iPhone (Safari): Toque no botão de Compartilhar (ícone com seta para cima)
$\rightarrow$ "Adicionar à Tela de Início".
-
No Android (Chrome): Toque no menu de três pontos
- O ícone do Respiro aparecerá na sua tela inicial e passará a funcionar 100% offline, com carregamento imediato e suporte a gestos nativos.
Desenvolvido com carinho, estudo e propósito por Welton Moreira.
“Construindo tecnologia mais humana, acolhedora e que respeita o tempo de cada pessoa.”
Copyright © 2026 Welton Moreira. Todos os direitos reservados.
Este projeto e seu código-fonte são de criação autoral e intelectual exclusiva de Welton Moreira.
- 🚫 Uso Comercial Estritamente Proibido: É vedada qualquer utilização, reprodução, comercialização, revenda ou apropriação deste software ou de qualquer fração de seu código por empresas, startups, instituições ou terceiros.
- 🚫 Proibida a Distribuição e Venda: Não é permitida a criação de versões derivadas com fins lucrativos ou a incorporação deste código em outros produtos ou serviços.
- 👁️ Finalidade Exclusiva: O código é disponibilizado publicamente neste repositório exclusivamente para apreciação técnica, consulta e exibição de portfólio autoral.
Nota de Cuidado: O Respiro é uma ferramenta de apoio neuroergonômico e ativação comportamental, mas não substitui acompanhamento médico ou psicoterapêutico profissional. Se estiver em sofrimento agudo no Brasil, ligue gratuitamente para o Centro de Valorização da Vida (CVV) pelo número 188 ou acesse cvv.org.br.