Pular para o conteúdo
Manual da marca · v1.0

Fulgo

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.

Produtividade gamificadaPortuguês do BrasilWeb e PWAAuto-hospedado
01 · Fundamento

O nome carrega a promessa

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ã.

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.

A tese

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.

A promessa

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.


O que a marca nunca é

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.

02 · Lei zero

A tarefa vem primeiro. Sempre.

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.

Orçamentos de interação do Fulgo
AçãoTetoPor quê
Concluir uma quest1 toque · resposta visual em 250 msÉ a ação mais repetida do produto. Nada pode ficar entre a mão e ela.
Criar uma questtítulo + Enter · 2 ações no totalTodo campo obrigatório a mais é uma quest que não vai ser criada.
Chegar à primeira quest3 minutos da aberturaValor antes de configuração. Perfil e assinatura não bloqueiam.
Abrir a tela Hojep75 abaixo de 2,5 s em 4GO app é aberto no meio da vida, não sentado esperando.
Animação de conclusão1 a 2 s · dispensável a qualquer momentoA celebração nunca pode atrasar a próxima ação.
Desligar o mundo1 ajusteQuem quer só uma lista precisa conseguir ter só uma lista.

Consequências práticas

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.

03 · Estrutura

A lei das duas camadas

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.

Campo

A luz do dia · onde se trabalha

  • Tela Hoje, listas, formulários, ajustes, cobrança.
  • Fundo Papel, texto Tinta, tipografia Inter.
  • Zero pixel art. Zero decoração.
  • Densidade moderada, componentes familiares.
  • Quests são linhas operacionais, não cartões de propaganda.

Mundo

O mundo verdadeiro · onde se colhe

  • Conclusão, marcos, companion, Fogueira, resumo semanal.
  • Fundo Noite, luz Brasa e Faísca, títulos em Pixelify Sans.
  • Toda a pixel art vive aqui.
  • Aparece por 1 a 2 segundos e sai de cena.
  • Sempre dispensável, nunca obrigatória.

A regra de passagem

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.

04 · Símbolo

A Lanterna

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.

Construção

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.

Tamanhos

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ê.

16 px
32 px
48 px
64 px
96 px

Área de respiro

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.

Assinaturas

Fulgo
Fulgo
Fulgo

Usos proibidos

Nunca

Escalar em valor que não seja múltiplo de 16, girar, inclinar, aplicar gradiente, sombra interna ou contorno que não seja Breu.

Nunca

Trocar a cor da chama. A luz é Faísca sobre Brasa sobre Fogo, em qualquer contexto, inclusive em versão monocromática.

Nunca

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.

Nunca

Usar a Lanterna como ícone de funcionalidade dentro do produto. Ela é a marca; o poder homônimo usa outro ativo.

05 · Cor

Paleta Lanterna 16

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.

Breu
#0B0A14

Contorno de todo sprite. Fundo mais profundo da camada Mundo.

Noite
#171426

Fundo padrão da camada Mundo.

Bruma
#262340

Superfície elevada sobre Noite: painéis, cartões.

Névoa
#3D3760

Bordas e divisores no escuro. Nunca recebe texto.

Papel
#FAF7F0

Fundo padrão da camada Campo. Texto sobre Noite.

Pergaminho
#EDE7DA

Superfície elevada sobre Papel.

Pedra
#C9C0AE

Metal e alvenaria nos sprites. Bordas no claro.

Tinta
#3A3528

Texto padrão da camada Campo. Terra e madeira nos sprites.

Faísca
#FFCE6B

Núcleo da luz. Realce máximo no escuro.

Brasa
#F59B3C

Cor de assinatura. Ação primária na camada Mundo.

Fogo
#D2542E

Sombra da chama. Alerta destrutivo.

Seiva
#6FDCA6

Progresso e conclusão no escuro.

Aurora
#2FA579

Sucesso. Estágio final do companion.

Arcano
#B98BF0

Raridade épica. Assistência da IA.

Encanto
#6E5BD8

Único tom vivo que serve de texto sobre Papel.

Gelo
#5FB4E8

Informação, raridade rara, elementos calmos.

Dois tons funcionais

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.


Por que existem duas camadas: a prova

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

Contraste sobre fundo claro
TextoFundoRazãoWCAG 2.2
TintaPapel11.41:1AAA
TintaPergaminho9.91:1AAA
NévoaPapel10.26:1AAA
Brasa FundaPapel5.63:1AA
EncantoPapel4.73:1AA
FogoPapel3.89:1AA Large
AuroraPapel2.90:1reprovado
GeloPapel2.14:1reprovado
BrasaPapel2.04:1reprovado

Camada Mundo · sobre Noite

Contraste sobre fundo escuro
TextoFundoRazãoWCAG 2.2
PapelNoite16.86:1AAA
FaíscaNoite12.27:1AAA
SeivaNoite10.70:1AAA
PedraNoite9.99:1AAA
BrasaNoite8.28:1AAA
GeloNoite7.88:1AAA
ArcanoNoite6.88:1AA
AuroraNoite5.82:1AA
EncantoNoite3.56:1AA Large
NévoaNoite1.64:1reprovado

Regras de cor

  • Texto no Campo: apenas Tinta, Névoa, Brasa Funda ou Encanto. Brasa, Aurora, Gelo e Pedra são proibidos como texto sobre Papel.
  • Névoa é borda no escuro e nunca recebe texto: 1,64:1 contra Noite.
  • Nenhuma informação depende só de cor. Raridade sempre traz o nome escrito; conclusão sempre traz forma além do verde.
  • Foco é sempre #3D8FD1, em qualquer camada.
  • Fogo é a única cor destrutiva. Nunca use Fogo para celebrar.
06 · Tipografia

Duas fontes, uma fronteira

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.

Escala

Escala tipográfica
UsoTamanhoPesoFonte
Título de tela28 px650Inter
Título de seção22 px650Inter
Corpo16 px / 1,5400Inter
Apoio e meta14 px400Inter
Rótulo e botão14 px600Inter
Legenda12 px400Inter
Display do mundo26–42 px700Pixelify Sans
Rótulo do mundo13–17 px600Pixelify Sans

Entrega das fontes

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.

07 · Pixel

As regras da grade

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.

16 × 16, sempre

Todo sprite nasce em 16 × 16 e é exibido em múltiplos inteiros do lado. Nenhum desenho é redimensionado por fração.

Sem suavização

Renderização com crispEdges. Nada de anti-aliasing, meio-tom nas bordas ou sombra desfocada.

Contorno em Breu

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.

Sem pele

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.

O sprite é texto

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...",
08 · O mundo

Classes

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.

Guardião

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.

Arcanista

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.

Artífice

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.

Andarilho

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

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.


O Fulgo

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.


Itens e raridade

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.

Comum

Concluir quests no dia a dia.

Rara

Fechar uma semana com três dias ativos.

Épica

Marcos de nível e objetivos longos.

Lendária

Retornar depois de uma ausência longa.

Tocha

Comum

Mantém o fogo aceso em um dia perdido, sem apagar a sequência.

Semente

Comum

Transforma uma quest concluída três vezes em hábito recorrente.

Pedra de Marco

Épica

Fixa uma conquista na sua trilha. Puramente memorial.

Chave

Lendária

Abre um poder novo antes do nível exigido.


Poderes

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.

Poderes e o que fazem
PoderQuandoO que faz de verdade
LanternaDesde o primeiro minutoMostra só o que cabe no hoje: no máximo três quests principais.
Meia-LuzNível 3Reduz a carga do dia pela metade sem perder XP nem sequência.
ReencontroApós qualquer ausênciaOferece uma quest curta de volta e recalibra a semana.
ConvocaçãoNível 8Convida alguém para uma quest compartilhada, com prazo e sem placar.
FarolNível 15Resume a semana pelo que você sustentou, não pelo que faltou.
09 · Camada social

A Fogueira

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.

Existe

Uma luz acesa por pessoa que concluiu algo hoje. Você vê que a Fogueira está viva, não o placar de quem fez mais.

Existe

Convocação: convidar alguém para uma quest compartilhada, com prazo combinado e conclusão independente para cada um.

Existe

Reconhecimento manual: um toque para dizer “vi você”. Sem contador, sem histórico público, sem métrica de popularidade.

Existe

Sair de uma Fogueira em um toque, sem aviso ao grupo e sem perder nada do seu próprio progresso.

O que recusamos deliberadamente

Não existe

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.

Não existe

Ranking, tabela de líderes, sequência comparada ou qualquer número que ordene pessoas.

Não existe

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.

Não existe

Notificação que avisa que alguém está indo melhor que você. Nenhuma comunicação usa comparação social como gatilho.

10 · Atlas

Todas as pixel arts

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.

Regras para qualquer sprite novo ou refeito

  1. Grade de 16 × 16 pixels, sem exceção. O desenho é exibido em múltiplos inteiros do lado (16, 32, 48, 64, 96, 128, 224).
  2. Somente as 16 cores da Paleta Lanterna 16. Nenhum tom novo, nenhuma transparência parcial, nenhum degradê.
  3. Contorno de 1 px em Breu (#0B0A14) em toda a silhueta externa. É o que permite pousar o sprite sobre qualquer fundo.
  4. Sem anti-aliasing. Cada pixel é uma cor sólida da paleta ou totalmente transparente.
  5. Nenhum personagem exibe tom de pele: use elmo, capuz, máscara, óculos ou luz.
  6. Personagens precisam ser montáveis por camadas: entregue o corpo base sem acessórios e cada acessório como grade 16 × 16 separada, transparente onde não desenha. Nada de arte achatada num único arquivo — a personalização depende disso.
  7. Camadas usam a mesma grade e as mesmas âncoras: cabeça sempre nas mesmas linhas, ombros sempre nas mesmas colunas, para qualquer acessório servir em qualquer corpo.
  8. Nenhum sprite representa dano, arma apontada, morte, doença ou punição.
  9. Todo sprite é desenhado para ser lido primeiro a 32 px. Se só funciona grande, está errado.
  10. Entrega em PNG sem perdas a 1× (16 × 16) mais a grade de origem em Aseprite ou equivalente.

Símbolo · 1

A Lanterna

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.

BreuPedraPapelBrasaFaíscaFogo

Classe · 4

Guardião

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.

BreuPedraGelo

Arcanista

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.

BreuEncantoArcano

Artífice

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.

BreuFogoPedraFaíscaBrasa

Andarilho

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.

BreuAuroraSeiva

Companion · 5

Fagulha

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.

FaíscaBrasaBreu

Lume

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.

FaíscaBrasaBreuFogo

Brasa

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.

FaíscaBrasaBreuFogo

Farol

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.

ArcanoFaíscaBrasaBreuFogo

Aurora

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.

ArcanoFaíscaSeivaBreuGelo

Ofício · 6

Forja

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.

BreuPedra

Horta

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.

BreuSeivaTinta

Biblioteca

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.

BreuPapelPergaminhoGelo

Lar

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.

BreuBrasaPedraFaísca

Fogueira

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.

FaíscaBrasaFogoBreuTinta

Mina

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.

BreuGeloPapel

Item · 4

Tocha

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.

FaíscaBrasaBreuPedraTinta

Pedra de Marco

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.

BreuPedraFaíscaTinta

Semente

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.

BreuSeivaAurora

Chave

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.

BreuFaísca
11 · Voz

Como o Fulgo fala

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.

Sistema verbal

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.

Erros

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.

12 · Componentes

A camada Campo, na prática

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.

Linha de quest

Escrever a introdução do relatório
Forja · 25 min · principal
+50 XP
Caminhar 20 minutos
Horta · concluída às 7h40
+25 XP

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.

13 · Aplicação

Certo e errado

Faça

Deixar a camada Mundo aparecer por 1 a 2 segundos após uma conclusão e sair sozinha.

Não faça

Colocar pixel art na tela Hoje, no formulário de criação ou em qualquer lugar onde alguém esteja tentando trabalhar.

Faça

Oferecer equivalente estático para todo movimento, respeitando prefers-reduced-motion.

Não faça

Usar som por padrão. Áudio é sempre desligado até que a pessoa peça.

Faça

Nomear cada raridade e cada estado por escrito, além da cor e da forma.

Não faça

Criar uma cor, uma fonte ou um tamanho de sprite fora deste manual sem alterar este manual antes.

Acessibilidade é requisito, não intenção

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