{ "schemaVersion": 1, "organization": "6am", "version": "0.7.0", "illustration": { "direction": "Ilustração editorial com uma ideia clara, pessoas em ação e formas que continuam legíveis em tamanho pequeno. A referência visual está na nossa própria biblioteca.", "distinction": "Outline descreve o desenho por contornos. Monocromia descreve a paleta: uma única tinta pode aparecer tanto em linhas quanto em massas preenchidas. Na 6am, a linguagem principal continua sendo a editorial plana; as outras duas aplicações complementam usos específicos.", "rules": [ "Comece pelo que a imagem deve explicar, não pelo objeto decorativo. Use uma situação de trabalho reconhecível.", "Use a imagem selecionada como referência de linguagem visual. Troque a cena conforme o briefing; não reproduza os mesmos personagens e objetos por obrigação.", "Mantenha um perfil por peça ou série. Não misture outline com massas editoriais só para preencher espaço.", "A paleta da referência vale para aquela aplicação. Cores editoriais por categoria não se tornam cores da interface.", "Texto, CTA e logo entram depois, na composição. A geração não deve recriar a marca.", "Revise anatomia, gestos, ferramentas, recortes e legibilidade. Uma imagem gerada é um rascunho até ser revisada." ], "styles": [ { "id": "editorial", "name": "Editorial plana", "status": "Principal · em uso", "description": "Cenas construídas com massas de cor, contraste e espaço vazio. Pessoas e objetos contam uma história curta.", "use": "Capas de conteúdo, abertura de páginas, campanhas e slides com uma ideia central.", "avoid": "Ícone ampliado como capa, objetos 3D, perspectiva isométrica, brilho e excesso de detalhes.", "prompt": "Ilustração editorial 2D em vista frontal, cena composta e uma única ideia. Formas geométricas preenchidas, silhuetas claras, poucas cores e áreas amplas de respiro. Sem contorno uniforme ao redor das massas. Luz e profundidade por blocos de cor; sem gradientes, brilho ou aparência 3D. A figura humana deve ter gesto natural e proporções coerentes." }, { "id": "monochrome", "name": "Massas em uma cor", "status": "Complementar · em avaliação", "description": "A mesma lógica de cena editorial, reduzida a uma tinta e ao vazio do fundo. A silhueta carrega a mensagem.", "use": "Materiais com paleta restrita, apoios editoriais e composições em que a fotografia disputaria atenção.", "avoid": "Converter a imagem inteira em tons de cinza, perder a silhueta ou preencher de preto os detalhes necessários à leitura.", "prompt": "Ilustração editorial monocromática com uma única tinta quase preta #0A0C00 sobre fundo branco #FFFFFF. Construa pessoas e objetos com massas preenchidas e espaços negativos. Vista frontal, formas simples e contraste forte. Sem contornos periféricos uniformes, cinzas, outras cores, gradientes, hachuras, volume 3D ou textura. Preserve a ação e a clareza das silhuetas." }, { "id": "outline", "name": "Traço outline", "status": "Apoio · em avaliação", "description": "Contornos consistentes, formas abertas e detalhes reduzidos. O traço explica a ação sem competir com o texto.", "use": "Passos de um processo, apoio em páginas de serviço, instruções e pequenas cenas explicativas.", "avoid": "Traço fino que desaparece, desenhos técnicos detalhados, hachuras, várias espessuras sem função ou usar a cena como ícone de interface.", "prompt": "Ilustração de apoio em outline: traço quase preto #0A0C00 de espessura média consistente sobre fundo branco #FFFFFF. Formas abertas, contornos limpos, poucas linhas internas e bastante espaço vazio. Pequenos preenchimentos sólidos apenas em detalhes como cabelo e calçado. Cena frontal com gesto humano reconhecível. Sem cinza, hachuras, sombras, textura, gradientes, perspectiva isométrica ou 3D." } ], "examples": [ { "id": "work-lime", "style": "editorial", "title": "O trabalho começa", "src": "/assets/design/6am/illustrations/editorial-work-v1.webp", "width": 1200, "height": 630, "alt": "Ilustração editorial de uma pessoa trabalhando à mesa, com luz lime entrando pela porta e ferramentas na parede.", "status": "Em uso no blog", "origin": "Ativo existente da 6am", "palette": [ "#0A0C00", "#FFFFFF", "#E3FF04" ], "paletteNote": "Assinatura preto e lime; tons planos relacionados podem criar luz e profundidade.", "scene": "Uma pessoa organiza os pedidos do dia em sua oficina, com luz da manhã entrando pela porta." }, { "id": "shop-blue", "style": "editorial", "title": "Uma loja que recebe", "src": "/assets/design/6am/illustrations/editorial-shop-v1.webp", "width": 1200, "height": 630, "alt": "Ilustração editorial de clientes chegando a uma loja, com uma pessoa recebendo na porta e detalhes azuis.", "status": "Em uso no blog", "origin": "Ativo existente da 6am", "palette": [ "#0A0C00", "#FFFFFF", "#6480F5" ], "paletteNote": "Paleta editorial de crescimento. O azul fica restrito a essa família de conteúdo.", "scene": "Uma pequena loja recebe clientes no início do dia, com a pessoa responsável acolhendo na porta." }, { "id": "shop-mono", "style": "monochrome", "title": "A cena em uma tinta", "src": "/assets/design/6am/illustrations/monochrome-shop-v1.png", "width": 1536, "height": 1024, "alt": "Estudo monocromático de uma loja recebendo clientes, formado por massas pretas e espaços brancos.", "status": "Estudo gerado · em avaliação", "origin": "Gerado com a ferramenta de imagens a partir do ativo editorial da 6am", "palette": [ "#0A0C00", "#FFFFFF" ], "paletteNote": "Uma tinta mais o fundo, sem escala de cinza.", "scene": "Uma pequena loja recebe clientes, com a pessoa responsável acolhendo na porta." }, { "id": "service-outline", "style": "outline", "title": "O gesto do atendimento", "src": "/assets/design/6am/illustrations/outline-service-v1.png", "width": 1536, "height": 1024, "alt": "Estudo em traço de uma pessoa entregando uma sacola a um cliente no balcão de uma loja.", "status": "Estudo gerado · em avaliação", "origin": "Gerado com a ferramenta de imagens para o design system da 6am", "palette": [ "#0A0C00", "#FFFFFF" ], "paletteNote": "Traço em uma tinta, com pequenos preenchimentos de apoio.", "scene": "Uma pessoa entrega uma sacola de papel sem marca a um cliente através do balcão de uma pequena loja." } ], "review": [ "A imagem comunica uma ação ou ideia sem texto?", "O perfil escolhido está consistente no traço, preenchimento, paleta e perspectiva?", "Pessoas, mãos e ferramentas fazem sentido?", "A silhueta e o gesto continuam claros no tamanho de uso?", "A composição deixa espaço para texto aplicado depois?", "O resultado foi revisado e classificado como ilustração, sem sugerir prova de um caso real?" ] } }