identidade visual variantes logo ui
Prompts originais
Seção intitulada “Prompts originais”eu coloquei uma imagem na pasta docs/images e quero criar outras com base nela em tamanhos e formatos diferentes (ícone, barra, etc) para ser usada em diferentes pontos da documentação. crie um arquivo para registrar o texto explicativo da imagem [descrição completa do logo]
acrescentei as imagens coletanea1 e 2 na mesma pasta… eles contêm diversas imagens que podem ser usadas pelo Starlight — separa cada uma em arquivos independentes e atualiza o README com a descrição de seus conteúdos
Contexto
Seção intitulada “Contexto”O usuário adicionou o logo oficial do SinergIA (logo-sinergia.png) e dois arquivos de coletânea (coletanea1.png com componentes UI, coletane2.png com variante de logo). A tarefa foi gerar variantes do logo para diferentes contextos e extrair os componentes UI em arquivos individuais.
Resultado
Seção intitulada “Resultado”Arquivos criados
Seção intitulada “Arquivos criados”Variantes do Logo (6)
Seção intitulada “Variantes do Logo (6)”| Arquivo | Formato | Uso |
|---|---|---|
docs/images/logo-sinergia.png | 16:9 fundo hexagonal | Original — já existia |
docs/images/logo-sinergia-icon.png | 1:1 fundo branco | Favicon, avatar, ícone isolado |
docs/images/logo-sinergia-compact.png | ~4:1 fundo branco | Navbar, cabeçalho, assinatura e-mail |
docs/images/logo-sinergia-dark.png | 16:9 fundo navy | Modo dark, slides escuros |
docs/images/logo-sinergia-banner.png | ~4:1 panorâmico navy | Hero do Starlight, Open Graph |
docs/images/logo-sinergia-clean.png | 16:9 fundo suave | Variante limpa (de coletane2.png) |
Componentes de UI extraídos da coletanea1 (6)
Seção intitulada “Componentes de UI extraídos da coletanea1 (6)”| Arquivo | Conteúdo |
|---|---|
docs/images/ui-botoes.png | Variações Primary, Secondary, Success, Danger |
docs/images/ui-progresso.png | 3 barras de progresso com contadores e estados |
docs/images/ui-estados.png | Tabela Created / Processing / Failed / Succeeded / Retrying |
docs/images/ui-tags.png | 8 badges/tags coloridos + ícones isolados |
docs/images/ui-callouts.png | Callouts TIP/INFO/WARNING + code block escuro |
docs/images/ui-formularios.png | Input text, YAML editor, controles de status |
Documentação
Seção intitulada “Documentação”| Arquivo | Conteúdo |
|---|---|
docs/images/README.md | Catálogo completo com descrição, dimensões, usos indicados e regras de cada arquivo |
Arquivos de coletânea (fonte preservada)
Seção intitulada “Arquivos de coletânea (fonte preservada)”docs/images/coletanea1.png— Master sheet de componentes UI (fonte dosui-*.png)docs/images/coletane2.png— Variante do logo (fonte delogo-sinergia-clean.png)