O problema
Gerenciadores de tarefas acumulam. A lista cresce, o planejamento vira trabalho e o progresso não é sentido. Quem falha uma vez costuma abandonar o método inteiro.
O mundo acende quando você age.
Este documento define como o Fulgo se parece, fala e se comporta. Ele existe para resolver discussões, não para enfeitá-las: cada cor, medida e palavra aqui é uma decisão fechada.
Fulgo vem de fulgor — do latim fulgeō, “eu brilho”. É o nome do produto e é o nome da criatura que mora dentro da Lanterna: a luz que a pessoa acende agindo. Não é fantasia; é a sua vida real, organizada de um jeito que dá vontade de voltar amanhã.
Gerenciadores de tarefas acumulam. A lista cresce, o planejamento vira trabalho e o progresso não é sentido. Quem falha uma vez costuma abandonar o método inteiro.
As pessoas não precisam de mais uma lista. Precisam sentir que uma pequena ação pertence a uma jornada, gera progresso visível e torna mais fácil voltar no dia seguinte.
Três missões possíveis para hoje. Uma conclusão que se vê. Um retorno sem culpa depois de qualquer ausência. Nunca uma punição.
Infantil. Barulhenta. Militarizada. Clínica. Não usamos culpa, ameaça, falsa urgência nem linguagem de diagnóstico. Não prometemos tratamento para TDAH ou qualquer outra condição. Não somos um chatbot com fantasia de RPG.
Esta é a única lei que vence todas as outras deste manual. Se a beleza, a narrativa ou a mecânica de jogo custarem um toque a mais para concluir uma quest, a beleza perde. É aqui que o Habitica falha: lá o RPG cobra pedágio em cada tarefa. Aqui ele paga para entrar.
| Ação | Teto | Por quê |
|---|---|---|
| Concluir uma quest | 1 toque · resposta visual em 250 ms | É a ação mais repetida do produto. Nada pode ficar entre a mão e ela. |
| Criar uma quest | título + Enter · 2 ações no total | Todo campo obrigatório a mais é uma quest que não vai ser criada. |
| Chegar à primeira quest | 3 minutos da abertura | Valor antes de configuração. Perfil e assinatura não bloqueiam. |
| Abrir a tela Hoje | p75 abaixo de 2,5 s em 4G | O app é aberto no meio da vida, não sentado esperando. |
| Animação de conclusão | 1 a 2 s · dispensável a qualquer momento | A celebração nunca pode atrasar a próxima ação. |
| Desligar o mundo | 1 ajuste | Quem quer só uma lista precisa conseguir ter só uma lista. |
Teclado e polegar
Todo fluxo principal funciona só com teclado. No celular, as ações primárias ficam na metade inferior da tela, com alvo mínimo de 44 × 44 px. A tela Hoje funciona em viewport de 320 px.
Nada bloqueia
Perfil, notificações, assinatura e escolha de classe nunca interrompem o primeiro plano. A IA pode falhar; o ciclo manual continua inteiro. O paywall jamais aparece durante uma conclusão.
O mundo é opcional
Um ajuste desliga animações, companion e camada social. Quem quer apenas uma lista de tarefas competente precisa conseguir ter exatamente isso — e o produto ainda tem que ser bom.
Sem tela de carregamento decorativa
Esqueletos, não mascotes girando. A espera nunca é ocupada com narrativa. Estados vazios sempre oferecem a próxima ação concreta.
O Fulgo tem dois territórios visuais e eles nunca se misturam. É o que permite ser bonita sem atrapalhar. Onde você trabalha é claro e quieto. Onde você é recompensado é escuro e vivo.
A luz do dia · onde se trabalha
O mundo verdadeiro · onde se colhe
A camada Mundo só pode surgir depois de uma ação concluída, nunca antes. Ela não pede clique, não cobra atenção e não retém o usuário. Se o Mundo aparece enquanto alguém ainda está tentando fazer alguma coisa, ela está no lugar errado.
Uma lanterna não conquista terreno: ela mostra o próximo passo. É o objeto certo para um produto que reduz o campo de visão até caber no dia de hoje. A luz é a marca; o metal é só o que a sustenta.
Desenhada em grade de 16 × 16. Corpo simétrico, tampa e base idênticas, núcleo de Faísca envolto em Brasa e assentado em Fogo. Nenhum pixel é decorativo.
A alça é vazada e preenchida em Pedra, não em Breu. Se fosse escura, sumiria sobre o fundo Noite e o símbolo perderia justamente o traço que o torna uma lanterna. O metal é o que garante que a marca sobreviva às duas camadas.
Sempre em múltiplos de 16 px. Fora deles o navegador interpola e o desenho deixa de ser pixel art. O mínimo absoluto é 16 px, onde a lanterna ainda se lê.
Margem livre igual a 2 pixels da grade em cada lado — 12,5% do lado do símbolo. Nada entra nessa faixa: nem texto, nem borda, nem outro logotipo.
Escalar em valor que não seja múltiplo de 16, girar, inclinar, aplicar gradiente, sombra interna ou contorno que não seja Breu.
Trocar a cor da chama. A luz é Faísca sobre Brasa sobre Fogo, em qualquer contexto, inclusive em versão monocromática.
Redesenhar a alça, adicionar brilho externo em ativo estático ou animar a chama em loop permanente. A lanterna pulsa uma vez, ao acender.
Usar a Lanterna como ícone de funcionalidade dentro do produto. Ela é a marca; o poder homônimo usa outro ativo.
Dezesseis cores. As mesmas dezesseis servem a interface e os sprites — não existe uma paleta de produto e outra de arte. Se um desenho precisa de um tom novo, quem muda é a paleta, nunca o desenho.
Contorno de todo sprite. Fundo mais profundo da camada Mundo.
Fundo padrão da camada Mundo.
Superfície elevada sobre Noite: painéis, cartões.
Bordas e divisores no escuro. Nunca recebe texto.
Fundo padrão da camada Campo. Texto sobre Noite.
Superfície elevada sobre Papel.
Metal e alvenaria nos sprites. Bordas no claro.
Texto padrão da camada Campo. Terra e madeira nos sprites.
Núcleo da luz. Realce máximo no escuro.
Cor de assinatura. Ação primária na camada Mundo.
Sombra da chama. Alerta destrutivo.
Progresso e conclusão no escuro.
Sucesso. Estágio final do companion.
Raridade épica. Assistência da IA.
Único tom vivo que serve de texto sobre Papel.
Informação, raridade rara, elementos calmos.
Existem porque a medição de contraste exigiu, não porque a composição pediu. Nunca aparecem em sprites.
Brasa Funda
#A8431C · Único âmbar que serve de texto sobre Papel (5,63:1).
Foco
#3D8FD1 · Anel de foco. Único tom acima de 3:1 contra Papel e Noite.
As cores vivas da paleta são luz. Luz funciona sobre escuro e falha sobre papel. Os números abaixo não são uma limitação a contornar — são a razão técnica da lei das duas camadas. Brasa reprova como texto sobre Papel (2,04:1) e passa com folga sobre Noite (8,28:1).
Camada Campo · sobre Papel
| Texto | Fundo | Razão | WCAG 2.2 |
|---|---|---|---|
| Tinta | Papel | 11.41:1 | AAA |
| Tinta | Pergaminho | 9.91:1 | AAA |
| Névoa | Papel | 10.26:1 | AAA |
| Brasa Funda | Papel | 5.63:1 | AA |
| Encanto | Papel | 4.73:1 | AA |
| Fogo | Papel | 3.89:1 | AA Large |
| Aurora | Papel | 2.90:1 | reprovado |
| Gelo | Papel | 2.14:1 | reprovado |
| Brasa | Papel | 2.04:1 | reprovado |
Camada Mundo · sobre Noite
| Texto | Fundo | Razão | WCAG 2.2 |
|---|---|---|---|
| Papel | Noite | 16.86:1 | AAA |
| Faísca | Noite | 12.27:1 | AAA |
| Seiva | Noite | 10.70:1 | AAA |
| Pedra | Noite | 9.99:1 | AAA |
| Brasa | Noite | 8.28:1 | AAA |
| Gelo | Noite | 7.88:1 | AAA |
| Arcano | Noite | 6.88:1 | AA |
| Aurora | Noite | 5.82:1 | AA |
| Encanto | Noite | 3.56:1 | AA Large |
| Névoa | Noite | 1.64:1 | reprovado |
A tipografia obedece à lei das camadas. Pixelify Sans só aparece onde o mundo aparece. Tudo que se lê para trabalhar é Inter.
Pixelify Sans · display · camada Mundo
Nível 12
Farol desperta
Pedra de Marco · Épica
Títulos de seção, números de nível, nomes de itens, classes e rótulos de HUD. Nunca em parágrafo, nunca em formulário, nunca abaixo de 12 px.
Inter · texto · camada Campo
Sua aventura de hoje
Três missões principais cabem no seu dia. O resto fica no acampamento até você querer.
Concluir · Adiar · Reduzir
Toda a interface de trabalho, todo texto corrido, todo rótulo de campo e toda mensagem de erro.
| Uso | Tamanho | Peso | Fonte |
|---|---|---|---|
| Título de tela | 28 px | 650 | Inter |
| Título de seção | 22 px | 650 | Inter |
| Corpo | 16 px / 1,5 | 400 | Inter |
| Apoio e meta | 14 px | 400 | Inter |
| Rótulo e botão | 14 px | 600 | Inter |
| Legenda | 12 px | 400 | Inter |
| Display do mundo | 26–42 px | 700 | Pixelify Sans |
| Rótulo do mundo | 13–17 px | 600 | Pixelify Sans |
As duas famílias são baixadas no build por next/font e servidas do próprio domínio. Em uma VPS com Coolify isso significa nenhuma requisição a servidores do Google em runtime, nenhum host externo para liberar na CSP e nenhum IP de usuário entregue a terceiros.
Pixel art malfeita envelhece rápido e parece amadora. Estas regras não são estéticas: são o que separa um sistema de arte de um punhado de ícones.
Todo sprite nasce em 16 × 16 e é exibido em múltiplos inteiros do lado. Nenhum desenho é redimensionado por fração.
Renderização com crispEdges. Nada de anti-aliasing, meio-tom nas bordas ou sombra desfocada.
Todo sprite tem contorno de 1 px em Breu. É o que dá unidade ao conjunto e o que permite pousar qualquer sprite sobre qualquer fundo.
Personagens usam elmo, capuz, máscara ou luz. Nenhum retrato exibe tom de pele: quem joga não deveria ter que se reconhecer numa escolha nossa.
Cada desenho é escrito como uma grade de caracteres no código-fonte, uma letra por cor. Isso mantém a arte revisável em diff, impede que uma cor fora da paleta entre pela porta dos fundos e permite que um teste automatizado recuse qualquer grade malformada.
Trecho real de src/brand/sprites.ts
"...KRRRRRRRRK...", "...KRRFFFFRRK...", "...KRFFFFFFRK...", "...KOORRRROOK...",
Uma classe não é um arquétipo de combate: é um jeito de falhar em ser consistente. Cada uma tem um impulso que age sozinho no dia, um poder deliberado, e um custo na mesma moeda em que dá. O custo não é punição: a pessoa escolhe, vê antes de escolher e desfaz quando quiser. A escolha nunca bloqueia o primeiro plano, e não escolher é um estado legítimo.
Você cuida de todo mundo, e o seu fica para depois.
Impulso · Turno
Todo dia entra uma quest do ofício que você abandonou há mais tempo.
Poder · Escudo de Rotina
Protege uma sequência ativa por um dia sem exigir explicação.
Em troca
Essa quest ocupa parte do seu tempo. Sobra menos para o resto do dia.
Sombra: Cuida de tudo, menos do próprio plano.
Você rende quando entra fundo numa coisa só, sem interrupção.
Impulso · Silêncio
Em vez de cinco tarefas curtas, seu dia vem com duas ou três, cada uma com tempo de verdade.
Poder · Foco Profundo
Reserva um bloco longo no dia e esconde o resto da lista.
Em troca
Com menos quests, você marca menos coisas como feitas ao longo do dia.
Sombra: Planeja mais do que executa.
Você começa muita coisa e termina pouca.
Impulso · Corrente
Se sobrou quest de outro dia, o seu dia começa por ela, e não por algo novo.
Poder · Bancada
Quebra um objetivo grande em uma corrente visível de quests.
Em troca
Aquilo que você queria começar hoje entra depois, e às vezes fica para amanhã.
Sombra: Começa muito, termina pouco.
Você já tentou vários apps e parou em todos.
Impulso · Passo Curto
Seu dia sempre abre pela quest mais curta que você tiver.
Poder · Retorno Suave
Depois de uma ausência, oferece uma quest de 5 minutos.
Em troca
Começar leve todo dia também é um teto: sobra menos espaço para trabalho longo.
Sombra: Troca de sistema em vez de trocar de passo.
Ofícios são as áreas da vida. Substituem etiquetas genéricas por lugares que a pessoa reconhece. Uma quest pertence a um ofício; um ofício nunca vira uma lista separada.
Forja
Projetos, trabalho, entregas.
Horta
Corpo, sono, alimentação, movimento.
Biblioteca
Estudo, leitura, aprendizado.
Lar
Casa, burocracia, manutenção.
Fogueira
Vínculos, família, amizade.
Mina
Dinheiro, contas, reservas.
Um companion, não um bichinho de estimação. O Fulgo nasce brasa e termina aurora: a evolução é a própria paleta da marca mudando de temperatura. Ele nunca adoece, nunca foge e nunca morre por ausência. Progresso conquistado não é removido.
Fagulha
Nível 1
Acabou de acender. Some se você não olhar? Não. Nunca some.
Lume
Nível 5
Ganhou forma. Já reconhece os seus ofícios mais usados.
Brasa
Nível 12
Sustenta a própria luz. Aparece nos resumos semanais.
Farol
Nível 25
Projeta luz em volta. Primeiro traço arcano.
Aurora
Nível 40
Virou luz fria. O calor foi para fora, não para dentro.
Nenhum item tira algo de alguém. Não existe dano, roubo, maldição nem item que puna quem não entrou hoje. Raridade indica origem, não poder de combate — e vem sempre escrita, nunca só colorida.
Concluir quests no dia a dia.
Fechar uma semana com três dias ativos.
Marcos de nível e objetivos longos.
Retornar depois de uma ausência longa.
Comum
Mantém o fogo aceso em um dia perdido, sem apagar a sequência.
Comum
Transforma uma quest concluída três vezes em hábito recorrente.
Épica
Fixa uma conquista na sua trilha. Puramente memorial.
Lendária
Abre um poder novo antes do nível exigido.
Todo poder é uma funcionalidade real do produto com nome de mundo. Nenhum é enfeite de ficha de personagem — se não faz nada, não entra.
| Poder | Quando | O que faz de verdade |
|---|---|---|
| Lanterna | Desde o primeiro minuto | Mostra só o que cabe no hoje: no máximo três quests principais. |
| Meia-Luz | Nível 3 | Reduz a carga do dia pela metade sem perder XP nem sequência. |
| Reencontro | Após qualquer ausência | Oferece uma quest curta de volta e recalibra a semana. |
| Convocação | Nível 8 | Convida alguém para uma quest compartilhada, com prazo e sem placar. |
| Farol | Nível 15 | Resume a semana pelo que você sustentou, não pelo que faltou. |
O social do Fulgo compartilha presença, nunca desempenho. Uma Fogueira é um grupo pequeno — no máximo oito pessoas — onde se vê que os outros apareceram, sem ver quanto fizeram.
Uma luz acesa por pessoa que concluiu algo hoje. Você vê que a Fogueira está viva, não o placar de quem fez mais.
Convocação: convidar alguém para uma quest compartilhada, com prazo combinado e conclusão independente para cada um.
Reconhecimento manual: um toque para dizer “vi você”. Sem contador, sem histórico público, sem métrica de popularidade.
Sair de uma Fogueira em um toque, sem aviso ao grupo e sem perder nada do seu próprio progresso.
Dano coletivo. Sua falha nunca prejudica outra pessoa. É a mecânica central de grupo do Habitica e é exatamente a que transforma cuidado em cobrança.
Ranking, tabela de líderes, sequência comparada ou qualquer número que ordene pessoas.
Feed público, perfil aberto, catálogo de conteúdo gerado por usuário. Operação solo não sustenta moderação — e produto sem moderação vira problema.
Notificação que avisa que alguém está indo melhor que você. Nenhuma comunicação usa comparação social como gatilho.
As 26 peças que existem hoje, com o que cada uma representa e o que não pode mudar. Os desenhos atuais são uma base funcional, não a versão final: esta seção é o briefing para refazê-las. As cores listadas em cada peça são extraídas do próprio desenho, então nunca divergem do que está no código.
lanterna · 16 × 16 · 6 cores
Lanterna de mão fechada, vista de frente. Alça vazada em metal no topo, tampa e base idênticas em metal, corpo de vidro com uma chama acesa dentro.
Preservar: A simetria vertical, a alça vazada em Pedra e o núcleo de Faísca envolto em Brasa e assentado em Fogo. A luz é a marca; o metal só a sustenta. Precisa continuar legível a 16 px.
Onde aparece: Logotipo, favicon, ícone do app, cabeçalho. De 16 px a 224 px.
guardiao · 16 × 16 · 3 cores
Busto de figura em elmo fechado com visor horizontal, ombros largos cobertos por manto claro. Os olhos são duas fendas de luz fria dentro do visor.
Preservar: Rosto totalmente coberto pelo elmo — nenhum tom de pele. Silhueta mais larga e sólida que as outras três classes: é a classe que sustenta.
Onde aparece: Escolha de classe, ficha do usuário, resumo semanal. 64 a 96 px.
arcanista · 16 × 16 · 3 cores
Busto encapuzado. Sob o capuz há sombra, não rosto, com dois pontos de luz arcana onde estariam os olhos. Um amulete quadrado brilha no peito.
Preservar: A sombra sob o capuz no lugar do rosto. O amulete é o único ponto de Arcano no corpo e precisa ler como fonte de luz, não como enfeite.
Onde aparece: Escolha de classe, ficha do usuário, resumo semanal. 64 a 96 px.
artifice · 16 × 16 · 5 cores
Busto com boné de trabalho, óculos de proteção de duas lentes acesas e máscara cobrindo a boca. Avental de oficina com cinto de ferramentas na cintura.
Preservar: Rosto coberto por óculos e máscara — nenhum tom de pele. As duas lentes precisam ler como um par, separadas por uma ponte escura. É a classe que constrói: o avental deve parecer usado, não cerimonial.
Onde aparece: Escolha de classe, ficha do usuário, resumo semanal. 64 a 96 px.
andarilho · 16 × 16 · 3 cores
Busto encapuzado de viajante com um cachecol claro atravessado no pescoço. Olhos de luz verde na sombra do capuz. Silhueta mais estreita e leve.
Preservar: O cachecol é o traço que separa esta classe do Arcanista: os dois usam capuz. Silhueta em movimento, nunca estática — é a classe que recomeça.
Onde aparece: Escolha de classe, ficha do usuário, resumo semanal. 64 a 96 px.
fulgo-1 · 16 × 16 · 3 cores
Fagulha: a menor forma do companion. Uma chama de poucos pixels com dois olhos escuros e uma base mínima. Ocupa menos de um terço do quadro.
Preservar: Precisa parecer pequeno e recém-aceso, mas nunca frágil ou doente. Os olhos são o que o tornam uma criatura em vez de um efeito.
Onde aparece: Primeiro nível, logo após o onboarding. 64 a 96 px.
fulgo-2 · 16 × 16 · 4 cores
Lume: a chama ganhou corpo arredondado e uma boca. A base de fogo escuro aparece pela primeira vez sob a criatura.
Preservar: Mesma posição dos olhos do estágio anterior — a criatura cresce, não se transforma em outra. Continuidade de identidade entre os cinco estágios é o ponto central.
Onde aparece: Nível 5. 64 a 96 px.
fulgo-3 · 16 × 16 · 4 cores
Brasa: corpo cheio, com laterais de chama que se abrem como pequenas asas e uma base de fogo mais densa. Sustenta a própria luz.
Preservar: É o estágio de referência do companion, o mais usado em comunicação. Deve ser o mais carismático dos cinco.
Onde aparece: Nível 12. Resumos semanais e material de marketing. 64 a 128 px.
fulgo-4 · 16 × 16 · 5 cores
Farol: maior, com duas antenas de luz arcana saindo do topo e um corpo que já projeta luz para fora. Primeiro traço de cor fria.
Preservar: As antenas de Arcano são o primeiro sinal da virada de temperatura para o estágio final. Devem parecer luz, não chifres.
Onde aparece: Nível 25. 64 a 96 px.
fulgo-5 · 16 × 16 · 5 cores
Aurora: o corpo virou luz fria — verde e azul — com uma coroa de faíscas arcanas acima e apenas uma borda quente restante. O calor foi para fora.
Preservar: A inversão de temperatura em relação à Fagulha é o significado inteiro do companion: começou brasa, terminou aurora. A borda quente residual precisa permanecer para ligar os dois extremos.
Onde aparece: Nível 40, estágio final. 64 a 128 px.
forja · 16 × 16 · 2 cores
Bigorna vista de lado: topo largo, cintura estreita, base que se alarga de novo. Metal sólido, sem cabo nem martelo.
Preservar: A silhueta de bigorna precisa se distinguir de uma ampulheta — o topo é sempre mais largo que a base.
Onde aparece: Etiqueta de ofício em quests de projeto e trabalho. 24 a 64 px.
horta · 16 × 16 · 3 cores
Broto de duas folhas simétricas saindo de um caule curto, plantado num canteiro de terra escura.
Preservar: Duas folhas apenas. É um broto, não uma planta adulta: representa começo de hábito, não resultado.
Onde aparece: Etiqueta de ofício em quests de corpo, sono e alimentação. 24 a 64 px.
biblioteca · 16 × 16 · 4 cores
Livro aberto visto de frente, duas páginas claras com linhas de texto e lombada escura ao centro, sobre uma capa de cor fria.
Preservar: As duas páginas devem ficar visivelmente separadas pela lombada, senão o ícone lê como uma folha solta.
Onde aparece: Etiqueta de ofício em quests de estudo e leitura. 24 a 64 px.
lar · 16 × 16 · 4 cores
Casa simples com telhado triangular quente e uma janela acesa na parede clara.
Preservar: A janela acesa é obrigatória: é o que diferencia lar de construção. Sem ela o ícone vira imóvel, não casa.
Onde aparece: Etiqueta de ofício em quests de casa e burocracia. 24 a 64 px.
fogueira · 16 × 16 · 5 cores
Fogueira acesa sobre duas achas de lenha cruzadas. A chama é maior que a lenha.
Preservar: Serve tanto de ofício de vínculos quanto de símbolo da camada social. A chama precisa parecer acolhedora, nunca um incêndio.
Onde aparece: Etiqueta de ofício e ícone da camada social. 24 a 96 px.
mina · 16 × 16 · 3 cores
Gema lapidada em forma de losango, vista de frente, com duas facetas claras refletindo luz na parte superior.
Preservar: As facetas claras são o que faz a pedra parecer dura e valiosa. Sem elas o ícone vira um losango chapado.
Onde aparece: Etiqueta de ofício em quests de dinheiro e contas. 24 a 64 px.
tocha · 16 × 16 · 5 cores
Tocha de mão: cabo de madeira longo, anel de metal e chama acesa no topo. Vertical, centralizada.
Preservar: A chama precisa ser claramente menor que a da Fogueira — é luz portátil, de uso pessoal.
Onde aparece: Inventário e recompensa de conclusão. 48 a 80 px.
marco · 16 × 16 · 4 cores
Pedra vertical de marco cravada no chão, com uma runa acesa gravada no centro, brilhando de dentro da pedra.
Preservar: A runa é luz vinda de dentro da pedra, não tinta sobre ela. O item é memorial: deve parecer permanente e antigo.
Onde aparece: Trilha de conquistas e marcos de nível. 48 a 80 px.
semente · 16 × 16 · 3 cores
Semente arredondada, casca verde clara com um núcleo mais escuro visível. Pequena e centralizada no quadro.
Preservar: É intencionalmente pequena no quadro: representa potencial, não resultado. Relaciona-se visualmente com o broto da Horta.
Onde aparece: Inventário, ao transformar quest em hábito recorrente. 48 a 80 px.
chave · 16 × 16 · 2 cores
Chave antiga vertical: anel vazado no topo, haste longa e dois dentes salientes do lado direito da ponta.
Preservar: Os dois dentes precisam ficar do mesmo lado e claramente destacados da haste, senão a chave lê como um bastão.
Onde aparece: Inventário, ao desbloquear um poder antes do nível. 48 a 80 px.
Clara, motivadora e humana. A interface fala com verbos simples e celebra progresso real. O mundo aparece na imagem, não na prosa: os botões continuam dizendo o que fazem.
Os controles usam sempre os mesmos verbos: Criar quest, Salvar, Concluir, Adiar, Reduzir, Excluir. Nunca “derrotar”, “atacar”, “destruir” ou “dominar”. A palavra cerimonial acender pertence à animação de conclusão, não ao botão.
SIMVocê voltou. Que tal cinco minutos para retomar?
NÃOVocê quebrou sua sequência de 12 dias!
SIMTrês quests cabem no seu dia.
NÃOVocê tem 47 tarefas pendentes.
SIMComo foi sua aventura hoje? Posso ajustar o próximo plano.
NÃONão desista agora, falta pouco!
SIMNão deu para gerar sugestões. Criei três a partir do seu objetivo.
NÃOErro 500: falha no serviço de IA.
SIMFarol desperta. Nível 25.
NÃOPARABÉNS!!! VOCÊ É IMPARÁVEL!!!
SIMSeu Fulgo continua aqui. Ele não perde nada quando você falta.
NÃOSeu companheiro está triste porque você sumiu.
Todo erro diz o que aconteceu e qual é a próxima ação. Nunca expõe código, nunca culpa o usuário e nunca deixa a tela sem saída. Nenhum texto de interface fica fixo no código: tudo vive no catálogo de mensagens, pronto para outro idioma.
Isto é o que o usuário vê 95% do tempo. Repare no que não está aqui: nenhum pixel, nenhuma cor de fantasia, nenhuma decoração. A quest é uma linha operacional.
Botões · altura mínima 44 px
Ação primária em Tinta sólida, não em Brasa: sobre Papel, Brasa reprova em contraste. A cor de assinatura vive na camada Mundo.
Progresso
Nível 12 · Brasa
740 / 1200 XP · sequência de 5 dias
O progresso é informação secundária na tela Hoje. Ele nunca ocupa o topo nem antecede a lista de quests.
Um toque na caixa conclui. O estado visual responde em 250 ms, antes de qualquer confirmação do servidor. A conclusão é idempotente: tocar duas vezes não dá XP duas vezes.
Deixar a camada Mundo aparecer por 1 a 2 segundos após uma conclusão e sair sozinha.
Colocar pixel art na tela Hoje, no formulário de criação ou em qualquer lugar onde alguém esteja tentando trabalhar.
Oferecer equivalente estático para todo movimento, respeitando prefers-reduced-motion.
Usar som por padrão. Áudio é sempre desligado até que a pessoa peça.
Nomear cada raridade e cada estado por escrito, além da cor e da forma.
Criar uma cor, uma fonte ou um tamanho de sprite fora deste manual sem alterar este manual antes.
Meta WCAG 2.2 AA. Navegação completa por teclado, suporte a leitor de tela, contraste mínimo de 4,5:1 para texto, alvos de toque de 44 × 44 px e alternativa para movimento reduzido. Nenhuma informação depende só de cor. Toda animação de conclusão tem equivalente em região aria-live.
A Lanterna
Brasa
Tocha
Semente
Chave