# Projetar o Mole para ficar fora do caminho

> Como layouts estáveis, estados explícitos de operação, exclusão com revisão, validação de caminhos, acessibilidade e contenção visual criam uma ferramenta quieta.

Published: 2026-07-05 | Updated: 2026-10-18

Passei um dia redesenhando o mole.fit, a página em que você está lendo isto. Quando publiquei sobre isso, escrevi uma linha: quieto, confiável, fica fora do seu caminho, a mesma filosofia do próprio app. Esse tem sido o briefing inteiro de design do Mole desde o primeiro script de shell. Aqui está o que isso significa na prática.

<figure class="blog-diagram">
  <video src="https://mole.fit/img/blog/new-mole.mp4" width="1440" height="996" autoplay muted loop playsinline></video>
  <figcaption>O mole.fit redesenhado e o app que ele descreve: cinco recursos, uma superfície calma, nada pedindo atenção de que não precisa.</figcaption>
</figure>

## Quieto é uma restrição

Quieto soa como um humor, mas para uma ferramenta é um conjunto de regras duras. Um painel ou está totalmente renderizado ou está oculto, então não há cartão meio desenhado nem superfície de resultado se montando pedaço a pedaço. Uma varredura termina antes de a tela entrar no estado de resultado. Esperas curtas não mostram nada; esperas mais longas mostram um único estado de trabalho calmo. Os layouts de conclusão reservam o espaço antes de os dados chegarem, para que a janela não pule.

Essas são restrições de engenharia, não decoração. Elas exigem estados explícitos de operação, indicadores de carregamento atrasados, tamanhos estáveis de contêiner e caminhos de cancelamento. Sem essa maquinaria, acrescentar uma transição só anima a incerteza. A calma que o usuário vê é produzida ao tornar o trabalho assíncrono previsível por baixo.

O ponto de tudo isso é uma ferramenta que você não precisa vigiar. Você pede que ela faça algo, ela faz, e devolve a tela. Software que pisca e muda de lugar na tela pede atenção que não ganhou, e uma ferramenta de manutenção não ganhou nenhuma: deve parecer mais perto de um aparelho bem feito do que de um app que você fica conferindo.

## Mostre o trabalho antes de tocar em qualquer coisa

A decisão de design mais importante no Mole é que ele mostra o plano de exclusão com os tamanhos e espera a confirmação. Remoções comuns de arquivos do usuário vão para o Lixo, onde continuam recuperáveis, e raízes de navegação como a pasta pessoal não têm opção de apagar. A interface estabelece a intenção, mas a camada de serviço ainda valida cada caminho na hora da execução. Uma tela de aviso sozinha não é uma fronteira de segurança.

A segurança aqui é a forma do app, não um diálogo de aviso aparafusado no fim. A descoberta não pode apagar. A confirmação cria um plano limitado. A execução confere de novo a identidade e os caminhos protegidos, e o resultado informa itens removidos, pulados e com falha separadamente. Revisar antes da ação é a metade visível; a validação independente é a metade invisível.

## Por que um limpador tem um sistema solar

<figure class="blog-diagram">
  <img src="https://mole.fit/img/en/lore.webp" width="2584" height="1741" loading="lazy" alt="O painel Sobre do Mole listando os cinco planetas, Terra, Marte, Mercúrio, Júpiter e o Sol, cada um com um verso de duas linhas.">
  <figcaption>Cada ferramenta é um planeta com um verso curto próprio. Este é o painel Sobre do Mole.</figcaption>
</figure>

Uma utilidade como esta poderia ter sido um ícone da barra de menus com um botão de limpar, e teria vendido bem. Eu dei cinco planetas em vez disso. Já existe software demais gerado e descartável no mundo, e se eu ia gastar o esforço queria que o resultado fosse algo confortável de ter à frente.

Cada recurso é um planeta cujo caráter combina com o trabalho: Limpar é a Terra, Software é Marte, Otimizar é Mercúrio, Analisar é Júpiter, e Status é o Sol. A disciplina é que continua um sistema, não cinco ornamentos. As texturas vêm de imagens astronômicas, com a Terra baseada no [Blue Marble](https://visibleearth.nasa.gov/images/57752/blue-marble-land-surface-shallow-water-and-shaded-topography) da NASA; a direção do giro e o ritmo relativo seguem os corpos reais, e cada planeta é desenhado pelo mesmo código em alguns tamanhos fixos. Beleza numa ferramenta está bem desde que seja construída como o resto da ferramenta. A história mais longa de como os planetas vieram a ser é [um texto próprio](https://mole.fit/pt-br/blog/the-story-of-mole).

## A contenção é o sistema

A maior parte do trabalho de design no Mole é subtração. O app é só escuro, de propósito. O painel da barra de menus flutua sobre o seu papel de parede como um HUD, e o vidro escuro reduz o brilho ali, então não há modo claro para manter nem um interruptor de tema para raciocinar. Há uma escala tipográfica para o app inteiro e outra para o site, e nenhum elemento ganha um tamanho ou uma cor avulsa: cada valor vem de um token compartilhado, e por isso as páginas parecem uniformes, sem nenhuma coisa isolada gritando.

E muitos recursos bons nunca saem. Um Mac tem muitos truques agradáveis que o Mole poderia executar e não deve, porque uma ferramenta em que você confia para apagar arquivos tem de continuar pequena o bastante para caber na cabeça. Dizer não a uma boa ideia é mais difícil do que acrescentá-la, e é a maior parte do que mantém o app calmo. Escrevi à parte sobre [decidir o que não construir](https://mole.fit/pt-br/blog/notes-on-building-a-quiet-product).

A contenção também vale para a acessibilidade. Quieto visual não basta se o foco pula, os controles têm rótulos vagos ou uma animação esconde o estado do VoiceOver. Ordem de leitura, alcance pelo teclado, movimento reduzido e foco estável fazem parte da mesma promessa: a interface deve gastar o mínimo possível da atenção do usuário que a tarefa permite.

Essa regra muda os planetas também. Quando Reduzir Movimento está ativado, a rotação decorativa para e as mudanças de estado evitam movimento espacial. O planeta pode carregar identidade sem exigir movimento, e nenhuma operação depende de vê-lo animar. Quieto não é um estilo visual fixo; é respeitar a quantidade de estímulo que o usuário pediu.

## Uma filosofia, três superfícies

O Mole é uma ferramenta de linha de comando, um app para Mac e este site, e o briefing é o mesmo para os três. A CLI cava fundo, mas permanece limitada e segura. O app torna esse trabalho visível sem torná-lo barulhento. O site tenta contar o que o app faz e depois sair do caminho, e por isso o redesenho levou um dia e não um mês: havia pouco a acrescentar, só coisas a remover.

É isso tudo: um guardião quieto, e nada mais. Para o seu Mac, ou o de um amigo. Que o seu tempo seja seu.

---

Canonical HTML page: https://mole.fit/pt-br/blog/the-design-of-mole
Blog index for agents: https://mole.fit/pt-br/blog/llms.txt
Site index for agents: https://mole.fit/llms.txt
