Aplicar o pipeline de design na primeira tela do sistema #21

New issue

Closed

opened 2026-10-10 17:20:00 -03:00 by caio · 1 comment

caio commented

2026-10-10 17:20:00 -03:00

Owner

Usar as três skills (imagem → SVG → implementação) numa tela real pra validar o fluxo e começar a melhoria visual. Depende de: imagens de referência e escolha da tela pelo Caio.

Usar as três skills (imagem → SVG → implementação) numa tela real pra validar o fluxo e começar a melhoria visual. **Depende de:** imagens de referência e escolha da tela pelo Caio.

caio referenced this issue

2026-10-10 17:20:01 -03:00

Skills de design: imagem → SVG → implementação no site #22

caio added the

design

label

2026-10-10 17:20:19 -03:00

caio referenced this issue

2026-10-10 17:38:48 -03:00

Skills de design: imagem → SVG → implementação no site #22

caio added this to the Argos project

2026-10-10 17:46:21 -03:00

caio referenced this issue from a commit

2026-10-10 18:00:38 -03:00

Ambiente de demonstração com dados fictícios pra testar as três interfaces

caio referenced this issue from a commit

2026-10-10 18:00:38 -03:00

Identidade visual nova na PWA, no Painel de Comando e no Ikarus37

caio referenced this issue from a commit

2026-10-10 18:00:38 -03:00

Teste das telas logadas do Painel e do Ikarus37

caio commented

2026-10-10 18:03:13 -03:00

Author

Owner

Feito na develop (08e063d), aplicado nas três interfaces de uma vez, com as três skills em sequência:

design-por-imagem → docs/design/sistema/brief.md, a partir dos mockups hero-app.png e tela-login.png que já estavam em web/images/.
imagem-para-svg → web/images/argos-olho.svg (marca) e web/images/especialista.svg (insígnia: 147 KB em PNG → 2 KB).
implementar-design → web/css/argos-admin.css (Painel + Ikarus37), web/css/argos-ikarus.css (tema escuro do Ikarus37) e web/app/css/app.css + ajustes no HTML/JS da PWA.

Prints em docs/design/sistema/prints/. Como testar: docs/dev/COMO-TESTAR.md (docker compose -f docker-compose.demo.yml up -d --build → http://localhost:8090).

Junto vieram tests/paginas_test.php (37 testes: cada tela logada abre sem erro e com o visual novo) e a correção de um erro fatal na tela de chamada do Painel (21fff5c). CI verde nos dois runners: run 25.

Não houve mockup aprovado antes de implementar — a revisão é na própria develop, no ambiente de demonstração.

Feito na `develop` (08e063d), aplicado nas três interfaces de uma vez, com as três skills em sequência: 1. **design-por-imagem** → `docs/design/sistema/brief.md`, a partir dos mockups `hero-app.png` e `tela-login.png` que já estavam em `web/images/`. 2. **imagem-para-svg** → `web/images/argos-olho.svg` (marca) e `web/images/especialista.svg` (insígnia: 147 KB em PNG → 2 KB). 3. **implementar-design** → `web/css/argos-admin.css` (Painel + Ikarus37), `web/css/argos-ikarus.css` (tema escuro do Ikarus37) e `web/app/css/app.css` + ajustes no HTML/JS da PWA. Prints em `docs/design/sistema/prints/`. Como testar: `docs/dev/COMO-TESTAR.md` (`docker compose -f docker-compose.demo.yml up -d --build` → http://localhost:8090). Junto vieram `tests/paginas_test.php` (37 testes: cada tela logada abre sem erro e com o visual novo) e a correção de um erro fatal na tela de chamada do Painel (21fff5c). CI verde nos dois runners: [run 25](https://cosmos.simioni.dev.br/cidit/projeto-argos/actions/runs/25). Não houve mockup aprovado antes de implementar — a revisão é na própria `develop`, no ambiente de demonstração.

caio closed this issue

2026-10-10 18:03:14 -03:00