# Indice Interno de Assets Visuais

Projeto: **LLMs e Agentes de Codigo**  
Identidade: **Premium Editorial Tech Noir**  
Status da integracao: assets organizados para uso em marketing, pagina de venda, posts e materiais de bonus. A v1.1 profissional aprovada do livro nao foi alterada.

## 1. Capa principal

| Campo | Informacao |
|---|---|
| Arquivo selecionado | `assets/selected/capa-principal-identidade-tech-noir.png` |
| Arquivo export | `assets/exports/instagram-feed-1080x1350/capa-principal-identidade-tech-noir-1080x1350.png` |
| Finalidade | Capa de comunicacao, thumbnail editorial, card de lancamento e referencia visual principal. |
| Formato/dimensao | Selecionado: PNG 1024x1536. Export: PNG 1080x1350. |
| Status | selecionado + export |
| Recomendacao | Usar como referencia de capa premium. Conferir sempre a hierarquia: "LLMs e Agentes de Codigo" deve ser o titulo principal. Para venda final, recriar texto em ferramenta editavel quando houver risco de baixa legibilidade. |

## 2. Capa interna

| Campo | Informacao |
|---|---|
| Arquivo selecionado | `assets/selected/capa-interna-limpa-editorial.png` |
| Finalidade | Variante limpa/editorial para abertura visual, pagina institucional, apresentacao ou mockup. |
| Formato/dimensao | PNG 1024x1536. |
| Status | selecionado |
| Recomendacao | Usar em materiais onde a capa principal esteja visualmente carregada. Nao aplicar no miolo da v1.1 sem decisao editorial futura. |

## 3. Mockup 3D

| Campo | Informacao |
|---|---|
| Arquivo selecionado | `assets/selected/mockup-3d-livro-premium.png` |
| Arquivos export | `assets/exports/landing-page-1920x1080/hero-mockup-1920x1080.png`; `assets/exports/instagram-square-1080x1080/card-mockup-1080x1080.png` |
| Finalidade | Hero de pagina de venda, card de oferta, preview de produto e comunicacao de lancamento. |
| Formato/dimensao | Selecionado: PNG 1122x1402. Exports: PNG 1920x1080 e 1080x1080. |
| Status | selecionado + export |
| Recomendacao | Usar no topo da pagina de venda e em posts de prova visual do produto. Evitar distorcer proporcao. |

## 4. Banner pagina de venda

| Campo | Informacao |
|---|---|
| Arquivo selecionado | `assets/selected/banner-pagina-venda-16x9.png` |
| Arquivo export | `assets/exports/landing-page-1920x1080/banner-pagina-venda-1920x1080.png` |
| Finalidade | Banner/hero visual para landing page, capa de secao comercial e fundo de apresentacao. |
| Formato/dimensao | Selecionado: PNG 1672x941. Export: PNG 1920x1080. |
| Status | selecionado + export |
| Recomendacao | Usar como imagem de apoio, preferindo recriar titulo, subtitulo, preco e CTA em HTML/CSS para manter controle tipografico. |

## 5. Card quadrado

| Campo | Informacao |
|---|---|
| Arquivo selecionado | `assets/selected/card-quadrado-lancamento.png` |
| Arquivo export | `assets/exports/instagram-square-1080x1080/card-lancamento-1080x1080.png` |
| Finalidade | Post quadrado de lancamento, thumbnail social e chamada curta. |
| Formato/dimensao | Selecionado: PNG 1254x1254. Export: PNG 1080x1080. |
| Status | selecionado + export |
| Recomendacao | Usar em feed quadrado quando a plataforma cortar imagens verticais. Validar legibilidade em tela pequena. |

## 6. Story

| Campo | Informacao |
|---|---|
| Arquivo selecionado | `assets/selected/story-vertical-lancamento.png` |
| Arquivos export | `assets/exports/instagram-story-1080x1920/story-lancamento-1080x1920.png`; `assets/exports/instagram-story-1080x1920/story-bonus-prompts-1080x1920.png`; `assets/exports/instagram-story-1080x1920/story-bonus-checklists-1080x1920.png` |
| Finalidade | Stories de lancamento, chamada de bonus e divulgacao rapida. |
| Formato/dimensao | Selecionado: PNG 1122x1402. Exports: PNG 1080x1920. |
| Status | selecionado + export |
| Recomendacao | Usar os exports 1080x1920 para Stories. Manter CTAs e textos em zona segura superior/inferior. |

## 7. Template de carrossel

| Campo | Informacao |
|---|---|
| Arquivo selecionado | `assets/selected/template-carrossel-problema-metodo.png` |
| Arquivo export | `assets/exports/instagram-feed-1080x1350/template-carrossel-problema-metodo-1080x1350.png` |
| Finalidade | Primeiro slide ou base visual de carrossel sobre problema, metodo e fluxo profissional. |
| Formato/dimensao | Selecionado: PNG 1122x1402. Export: PNG 1080x1350. |
| Status | selecionado + export |
| Recomendacao | Usar como matriz visual; para carrosseis finais, recriar textos editaveis por slide para evitar texto pequeno embutido. |

## 8. Visual bonus Biblioteca de Prompts

| Campo | Informacao |
|---|---|
| Arquivo selecionado | `assets/selected/bonus-biblioteca-prompts.png` |
| Arquivos export | `assets/exports/instagram-feed-1080x1350/bonus-biblioteca-prompts-1080x1350.png`; `assets/exports/instagram-story-1080x1920/story-bonus-prompts-1080x1920.png` |
| Finalidade | Divulgacao do bonus Biblioteca de Prompts e reforco de valor da oferta. |
| Formato/dimensao | Selecionado: PNG 1122x1402. Exports: PNG 1080x1350 e 1080x1920. |
| Status | selecionado + export |
| Recomendacao | Usar em pagina de venda e posts de bonus. Conferir se o texto continua legivel no tamanho final. |

## 9. Visual bonus Checklists de Uso Seguro

| Campo | Informacao |
|---|---|
| Arquivo selecionado | `assets/selected/bonus-checklists-uso-seguro.png` |
| Arquivos export | `assets/exports/instagram-feed-1080x1350/bonus-checklists-uso-seguro-1080x1350.png`; `assets/exports/instagram-story-1080x1920/story-bonus-checklists-1080x1920.png` |
| Finalidade | Divulgacao do bonus de checklists e reforco de seguranca/validacao. |
| Formato/dimensao | Selecionado: PNG 1080x1350. Exports: PNG 1080x1350 e 1080x1920. |
| Status | selecionado + export |
| Recomendacao | Usar junto ao bonus de prompts para compor oferta. Validar contraste em fundos escuros. |

## 10. SVGs

| Asset | Caminho | Finalidade | Status | Recomendacao |
|---|---|---|---|---|
| Padrao Metatron | `assets/vector/metatron-pattern.svg` | Ornamento geometrico sutil, fundo, marca d'agua ou detalhe de composicao. | vector | Usar com baixa opacidade. Evitar competir com titulo e CTA. |
| Marca WPM | `assets/vector/wpm-mark.svg` | Assinatura visual, selo, watermark ou canto superior/inferior. | vector | Usar como assinatura, sem dominar a comunicacao. |

## 11. Exports por formato

| Formato | Caminho | Uso recomendado |
|---|---|---|
| Instagram feed retrato 4:5 | `assets/exports/instagram-feed-1080x1350/` | Posts, carrosseis e divulgacao vertical no feed. |
| Instagram quadrado 1:1 | `assets/exports/instagram-square-1080x1080/` | Cards, thumbnails e plataformas com corte quadrado. |
| Instagram story 9:16 | `assets/exports/instagram-story-1080x1920/` | Stories, reels estaticos e chamadas verticais. |
| Landing page 16:9 | `assets/exports/landing-page-1920x1080/` | Hero, banners e secoes de venda. |

## 12. Design tokens

| Asset | Caminho | Finalidade | Status | Recomendacao |
|---|---|---|---|---|
| Tokens JSON | `codex/design-tokens.json` | Fonte estruturada de paleta, tipografia, motivos, formatos e restricoes. | selecionado | Usar como fonte principal em implementacoes futuras. |
| Tokens CSS | `codex/css/tokens.css` | Variaveis CSS prontas para landing pages e templates. | selecionado | Importar em prototipos HTML/CSS futuros; nao aplicar ao CSS do livro v1.1 nesta etapa. |

## 13. Documentos de orientacao

| Documento | Caminho | Uso recomendado |
|---|---|---|
| README do kit | `README.md` | Visao geral, estrutura e pecas principais. |
| Regras para agentes | `AGENTS.md` | Direcao visual e restricoes de implementacao. |
| Identidade visual | `docs/01-identidade-visual.md` | Fonte conceitual da marca Premium Editorial Tech Noir. |
| Especificacao Codex | `docs/02-especificacao-codex.md` | Orientacao para landing page e templates. |
| Visual-light miolo | `docs/03-visual-light-miolo.md` | Referencia futura; nao aplicar na v1.1 aprovada nesta etapa. |
| Checklist qualidade visual | `docs/06-checklist-qualidade-visual.md` | QA de contraste, clareza, anticliches e consistencia. |
| Inventario original | `docs/07-inventario-assets.md` | Registro de dimensoes e origem dos assets gerados. |
| Tarefas Codex | `codex/TASKS.md` | Lista de proximas implementacoes possiveis. |
| Prompt Codex | `codex/prompt-codex.md` | Prompt operacional para futura landing/templates. |

## Regra de uso

Use `assets/selected/` para pecas principais, `assets/exports/` para publicacao nos formatos finais, `assets/vector/` para composicao editavel e `assets/raw/` apenas como origem historica ou variacao criativa.