Argos Design final
Baseada nas specs v2.1 · 29/09/2026

Onde o Argos chega: o app e o portal, no design final.

Precisão visual construída sobre as especificações — o painel comanda, o aparelho executa, do primeiro toque ao controle total. Minimalista, escuro, premium: este é o design final — a referência para implementar, em duas partes: o app, tela por tela; e o portal completo — mobile-first, pensado para crescer até o desktop. Ainda fora do GitHub; entra no repo quando você mandar.

ARGOS · DESIGN FINAL v2.1 · 29/09/2026 · 36 QUADROS (13 app · 23 portal) · BASE: spec/app + spec/backend

PARTE I

O app

as telas do aparelho, tela por tela — onboarding, operação, controles e sistema.
01

O modelo

Dois lugares, uma linha: o painel comanda, o aparelho executa — e tudo fica auditado.
comanda
Painel web

No navegador, de qualquer lugar: localizar, travar, alarme, foto, emergência, furtivo. Funciona mesmo sem o aparelho em mãos — que é o cenário real do roubo.

→
executa
Aparelho (app)

Recebe os comandos destinados a ele e executa na hora, com as permissões que você consentiu. O app não tem UI de comando — ele é o agente.

→
audita
Registro

Cada comando tem autor, hora e resultado; o aparelho mostra o que executou. Nada acontece nas sombras.

Roda local no aparelho: pânico de emergência, automações («se SIM trocada → alerta») e o onboarding. O resto — todo comando — vem do painel.

02

Onboarding

Do zero ao protegido em ~2 minutos. Cada permissão explicada antes de pedir — nada de surpresa.
03

Operação

O dia a dia do dono: estado na palma da mão, rastreio sob demanda e emergência quando importa.
04

Controles

Onde o Argos se diferencia: controle explícito, furtivo só contra o ladrão e um registro que o dono enxerga.
05

Sistema

Ajustes e transparência técnica — sem telemetria, exportável, sempre do dono.
PARTE II

O portal

o posto de comando — mobile-first, responsivo: primeiro no bolso, depois na mesa.
06

O posto de comando

Qualquer navegador vira o painel: o aparelho é o executor, você é o operador. Nasce no celular — e cresce até o desktop sem trocar de identidade.
Mobile-first de verdadeO polegar decide primeiro: ação essencial a um toque, barra fixa no alcance. O desktop ganha densidade — nunca outra interface.
Tempo real, sempreComandos, posições e eventos chegam ao vivo (Turbo Streams): o estado muda na sua frente, sem recarregar.
O mesmo idioma visualEscuro premium, um acento só, mono para fatos — o portal parece extensão do aparelho, porque é.

Cobertura da parte: entrar · início · aparelho (quadro, comandos, conteúdo, ajustes) · atividade · furtivo · emergência · conta · vincular aparelho — cada tela no celular e na tela grande.

07

No celular — onde o dono está

A base do design: uma coluna, decisões rápidas e a navegação no polegar. Tudo o que importa, a um toque.
08

Na tela grande — o mesmo sistema, mais denso

Em 1280 px nascem o trilho lateral e o console à vista: mais informação por centímetro, o mesmo silêncio visual. São as mesmas telas do celular — adaptadas, não duplicadas.
argos.app/entrar
O posto de comando
do seu aparelho.

O painel comanda, o aparelho executa: localizar, capturar, proteger e auditar — de qualquer navegador.

tempo real · auditoria · mobile-first

Entrar
e-mail ou usuário
lucas
senha
••••••••••
Entrar
Esqueci minha senha
Entrar · desktop1280 px · a marca recebe; o acesso fica à direita
argos.app/
argosao vivo
Início
Atividade
Conta
Pixel do Lucas
Início
1 protegido
Pixel do Lucasprotegido
bateria 67% · sync há 2 min · guardião nível 1
Localizar
Travar
Alarme
Emergência
agora
Localização enviadapedida por você · 09:12
mapa
Foto de contextoentregue · 08:44
abrir
+ Adicionar aparelho o código nasce no portal · o app nunca gera
Início · desktop1280 px · trilho lateral + visão geral
argos.app/devices/pixel — quadro
argosao vivo
Início
Atividade
Conta
Pixel do Lucas
aparelho
Pixel do Lucas
ao vivo
QuadroComandosConteúdoAtividadeFurtivoAjustes
Figueira, Duque de Caxias · precisão 8 m · 09:41
Localizar
Foto
Travar
Bateria
67% · carregando
Guardiãodesligamento protegido
nível 1 · ativo
Modo Furtivo
nível 2 · ativo
Aparelho · desktop1280 px · abas do aparelho + mapa e estado lado a lado
argos.app/devices/pixel — quadro
argosao vivo
Início
Atividade
Conta
Pixel do Lucas
aparelho
Pixel do Lucas
ao vivo
QuadroComandosConteúdoAtividadeFurtivoAjustes
Figueira, Duque de Caxias · precisão 8 m · 09:41
Localizar
Foto
Travar
Bateria
67% · carregando
Guardiãodesligamento protegido
nível 1 · ativo
Modo Furtivo
nível 2 · ativo
Aparelho · claro · desktop1280 px · mesmos dados, postura clara — o dono escolhe o tema
argos.app/devices/pixel — comandos
argosfila ao vivo
Início
Atividade
Conta
Pixel do Lucas
aparelho
Comandos
cada comando com autor, hora e resultado
QuadroComandosConteúdoAtividadeFurtivoAjustes
Localizar
Rastreio
Foto
Vídeo
Print
Tela
Áudio
Mensagem
Alarme
Travar
Emergência
Apagar
Foto · opçõesdestino: Pixel do Lucas
TraseiraFrontalFlash auto
esperar o aparelho desbloquear
Enviar comando
como funciona

escolha as opções e envie · o app executa o que a plataforma permitir e responde com o motivo — o card do comando conta a história (executado ✓ · sem consentimento · sem root…). «apagar» pede confirmação dupla.

Comandos · desktop1280 px · mesa de controle completa + opções da captura
argos.app/devices/pixel — conteúdo
argos214 mídias
Início
Atividade
Conta
Pixel do Lucas
aparelho
Conteúdo
3 novas hoje
QuadroComandosConteúdoAtividadeFurtivoAjustes
FotosVídeosÁudiosTelasArquivos
IMG_0421
IMG_0418
IMG_0414
IMG_0409
IMG_0402
+ 208
arquivos · escopo concedido
/ armazenamento interno · raiz do escopo
DCIMpasta · 214 itens
abrir
Downloadpasta · 37 itens
abrir
IMG_2026…jpg4,2 MB · 21/09
baixar
links assinados expiram em 15 min · downloads auditados · lixeira 7 d
Conteúdo · desktop1280 px · galeria e arquivos na mesma dobra
argos.app/devices/pixel — furtivo
argosnível 2
Início
Atividade
Conta
Pixel do Lucas
aparelho
Modo Furtivo
nível 2 · ativo
QuadroComandosConteúdoAtividadeFurtivoAjustes
0123
Disfarceaparece como “Atualização de software”
trocar
Reentrada do donocódigo de discagem + tag NFC
testada ✓
Deixar o painel aumentarnível 3 exige root ou “Modo Fortaleza”
desligado
auditoria

cada mudança fica registrada com autor e hora · desativar é sempre permitido pelo painel — o dono nunca fica trancado fora.

Modo Furtivo · desktop1280 px · níveis, disfarce e guardrails à vista
argos.app/devices/pixel — ajustes
argosconfig v3
Início
Atividade
Conta
Pixel do Lucas
aparelho
Ajustes
aplicada há 2 min
QuadroComandosConteúdoAtividadeFurtivoAjustes
Guardião de desligamentonível 1
tentativa de desligar → trava + registro · melhor esforço declarado
012
evidência: foto automática
Rastreiointervalo 15 s · alta precisão
editar
Digest diárioresumo às 08:00
E-mail de eventos críticosSIM, emergência, desligamento
Revisões da configuraçãoquem mudou o quê, quando
ver
Ajustes · desktop1280 px · Guardião em destaque + revisões da config
argos.app/conta
argosprotegida
Início
Atividade
Conta
Pixel do Lucas
conta
lucas
sessões e LGPD num lugar
segurança
Senhatroca com confirmação por e-mail
trocar
Verificação em 2 passosTOTP · recomendada
ativar
Sessões ativaseste navegador + celular
revisar
conta e dados
E-maillucas21rio@gmail.com
alterar
Notificaçõese-mail · digest 08:00
ajustar
LGPDexportar seus dados · excluir a conta
abrir
Conta · desktop1280 px · segurança e dados em dois cartões
argos.app/setup
adicionar aparelho
Vincular novo aparelho

O código nasce aqui — o app nunca gera código. Digite no aparelho e pronto.

A1B2C3D4
uso único · expira em 15 min
1 · Instale o Argos no aparelhoAPK assinado · página de download
copiar link
2 · App aberto, digite o códigoa tela de vínculo espera
—
3 · aguardando o aparelho…ao vivo
esta tela detecta sozinha quando o aparelho entrar em contato.
Vincular aparelho · desktop1280 px · código, passos e espera ao vivo
argos.app/devices/pixel — atividade
argos180 d
Início
Atividade
Conta
Pixel do Lucas
aparelho
Atividade
eventos 180 d · trilhas 90 d
QuadroComandosConteúdoAtividadeFurtivoAjustes
TudoLocalizaçãoComandosAlertas
09:12
Localização enviadapedida por você · alta precisão
08:44
Foto de contexto entreguegaleria do aparelho · 1 imagem
ontem
Guardião: tentativa de desligamentorelock imediato · nível 1 · registrado
trilhas
Hoje42 pontos · 6,2 km
mapa
ExportarKML / GPX
baixar
Atividade · desktop1280 px · linha do tempo + trilhas exportáveis
09

Responsivo, de verdade

Um layout, três posturas: o mesmo HTML se arruma do polegar ao monitor — sem app para instalar, sem versão separada.
celular · 390
argos · topo
aparelho · estado
mapa
localizar
travar
ação → folha inferior
navegação · polegar
tablet · 720
argos · topo
trilho
aparelho · estado
localizar
travar
mapa + console
desktop · 1280
argos · topo
trilho
aparelho + ações
mapa · galerias 3 col
console

Regras do sistema: « 700 px — uma coluna, navegação fixa no polegar, console vira folha deslizante, tabelas viram listas. 700–1080 px — nasce o trilho lateral e o mapa ganha corpo; cartões em duas colunas. » 1080 px — três zonas (trilho · conteúdo · console), galerias em 3+ colunas, atalhos de teclado. Toque e mouse com o mesmo cuidado — alvos ≥ 44 px, sempre.

10

Linguagem visual

A semente da futura design spec: cor, tipo e princípios — os mesmos no app e no portal.
#0A0B0D · fundo
#131418 · superfície
#EDEEF0 · tinta
#D8A94F · acento
#57B98A · confirmar
#E5605E · perigo
Escuro por padrãoSilêncio visual: o conteúdo é o brilho. O tema claro existe, discreto e completo.
Um acento, com respeitoBronze/dourado só onde o dedo deve ir — ação, estado vivo, marca. Nunca decorativo.
Mono para fatosCódigos, tempos, estados e metadados em monoespaçada: leitura de instrumento.
Densidade calmaTelas respiram. Nada compete com o que importa agora — proteger e informar.
Mobile-first, em qualquer telaO portal nasce no celular e cresce até o desktop sem trocar de identidade — uma interface, três posturas.
Nada para instalarO portal é a própria página: abre no navegador que você já tem, com o mesmo cuidado de instrumento.