[{"data":1,"prerenderedAt":509},["ShallowReactive",2],{"blog-ia-no-contexto-de-marca":3},{"id":4,"title":5,"about":6,"author":11,"body":12,"date":463,"description":464,"extension":68,"faq":465,"image":478,"mentions":479,"meta":495,"navigation":117,"path":496,"seo":497,"stem":498,"tags":499,"updated":463,"__hash__":508},"blog\u002Fblog\u002Fia-no-contexto-de-marca.md","IA não adivinha: por que contexto de marca é o insumo mais importante",[7],{"type":8,"name":9,"url":10},"Organization","Teciklar","https:\u002F\u002Fteciklar.com.br","Larissa Santos",{"type":13,"value":14,"toc":456},"minimark",[15,19,22,25,28,31,36,39,42,45,53,60,63,165,168,226,236,243,246,249,282,285,287,291,294,297,300,369,372,375,377,381,390,393,396,409,411,415,418,421,423,427,452],[16,17,18],"p",{},"A IA não adivinha o que a sua marca quer dizer. Ela executa rápido em cima do que você entrega de contexto, e quando o que você entrega é vago, o que volta é rápido e vago também. Em um projeto recente, comprovei na prática que o insumo mais importante no desenvolvimento não é a ferramenta, e sim o conhecimento sobre o que fazer, documentado. E isso vale além da IA: é a marca sabendo dizer, com clareza, o que ela é.",[16,20,21],{},"Vi isso de perto num projeto para um movimento de reaproveitamento de resíduos têxteis que estava repensando a própria presença digital. A primeira versão do site eu construí estudando a marca por conta própria: site antigo, logo, cores, o objetivo que ela comunicava. Cheguei perto, e a cliente já estava encantada com o projeto antes mesmo de qualquer revisão de branding.",[16,23,24],{},"O ponto de virada foi quando chegou o manual estratégico completo que a assessoria de branding, contratada pela cliente, havia produzido. Tudo documentado em um workspace do Notion, com todas as informações detalhadas de posicionamento, branding, palavras a usar e evitar, tom, objetivos e muito mais. Ler aquilo confirmou o quanto eu tinha acertado no feeling, e ao mesmo tempo me deu o que faltava: sair do feeling e passar a trabalhar com regra documentada. A partir daquele momento a marca tinha um discurso articulado sobre si mesma, e a diferença nas entregas foi enorme.",[16,26,27],{},"A IA amplifica o que já existe. Quando o posicionamento é claro e o objetivo está definido, ela produz com velocidade e no alvo. Quando esse contexto não existe, ela produz com a mesma rapidez, só que entrega o que não serve, e o resultado é desperdício de tempo, créditos e energia revisando algo que nunca esteve alinhado. Nesse projeto o contexto existia, e existia bem feito: a marca tinha investido num trabalho de branding sério, com posicionamento, propósito e tom documentados com cuidado. Foi essa organização que deu à IA um alvo claro pra mirar, e é ela que explica o salto de qualidade nas entregas.",[29,30],"hr",{},[32,33,35],"h2",{"id":34},"do-notion-ao-código-o-fluxo-que-usei","Do Notion ao código: o fluxo que usei",[16,37,38],{},"O workspace da marca no Notion reunia 16 documentos estratégicos: origem da empresa, DNA e narrativa da fundadora, propósito e valores, produtos e soluções, desafios estratégicos, identidade visual, estratégia de blog e muito mais.",[16,40,41],{},"Material rico, mas escrito pra humano ler, não pra IA consumir. Um manual de marca tem páginas de contexto que a pessoa da assessoria precisa pra defender uma decisão. O Claude Code não precisa do argumento, precisa da regra. Então o trabalho do Claude Cowork não foi copiar o Notion, foi destilar: ler cada subpágina e reduzir a diretrizes curtas e acionáveis.",[16,43,44],{},"Vale explicar como o Cowork faz isso. Ele não tem o conteúdo do Notion por padrão, quem dá esse acesso é um conector, um plugin que liga a ferramenta ao workspace e deixa ele navegar pelas páginas como se tivesse a permissão que eu tenho. A partir daí ele trabalha em etapas: abre uma subpágina, lê, resume no formato que eu pedi, passa pra próxima, e vai encadeando isso sozinho até cobrir tudo. O resultado ele não devolve só na tela, ele escreve direto em arquivos no computador. E aqui tem um detalhe importante de controle: o Cowork opera dentro de uma pasta que eu defino, então ele só lê e grava ali, sem passear pelo resto da máquina.",[16,46,47,48,52],{},"Foi nessa pasta que os ",[49,50,51],"code",{},".md"," destilados foram nascendo. Os 16 documentos do Notion viraram mais de vinte arquivos, porque alguns rendiam mais de uma diretriz que fazia sentido separar.",[16,54,55],{},[56,57],"img",{"alt":58,"src":59},"Claude Cowork lendo o workspace da marca no Notion e gerando os arquivos .md na pasta docs","\u002Fimages\u002Fblog\u002Fteciklar\u002Fdesktop0.png",[16,61,62],{},"Na prática, o manual descrevia o tom como \"claro, educativo, humano e inspirador\", com a comunicação sempre \"direta, sem complexidade técnica desnecessária\". Destilando isso, virou uma regra clara o suficiente pra saber se um título de seção ou uma chamada de post está no tom da marca ou não:",[64,65,70],"pre",{"className":66,"code":67,"language":68,"meta":69,"style":69},"language-md shiki shiki-themes material-theme-lighter github-dark github-dark","# Tom de voz\n- Educativo e acessível: ensina conceito de forma simples, sem jargão técnico.\n- Humano e inspirador: tem história e bastidores, mostra que a transformação é real.\n- Consciente, sem sensacionalismo: foca na solução, não no alarme.\n\n## Palavras que usamos\nreaproveitamento, transformação, economia circular, impacto positivo,\nconsciência, real, autêntico, recomeço\n\n## Palavras que evitamos\n\"ecológico\", \"verde\" como adjetivo de marca, \"lixo\" (usar \"resíduo têxtil\"),\njargão técnico sem explicação, promessa exagerada, greenwashing\n","md","",[49,71,72,85,96,104,112,119,128,134,140,145,153,159],{"__ignoreMap":69},[73,74,77,81],"span",{"class":75,"line":76},"line",1,[73,78,80],{"class":79},"sSElE","# ",[73,82,84],{"class":83},"s4BmV","Tom de voz\n",[73,86,88,92],{"class":75,"line":87},2,[73,89,91],{"class":90},"sUVGp","-",[73,93,95],{"class":94},"sMo7A"," Educativo e acessível: ensina conceito de forma simples, sem jargão técnico.\n",[73,97,99,101],{"class":75,"line":98},3,[73,100,91],{"class":90},[73,102,103],{"class":94}," Humano e inspirador: tem história e bastidores, mostra que a transformação é real.\n",[73,105,107,109],{"class":75,"line":106},4,[73,108,91],{"class":90},[73,110,111],{"class":94}," Consciente, sem sensacionalismo: foca na solução, não no alarme.\n",[73,113,115],{"class":75,"line":114},5,[73,116,118],{"emptyLinePlaceholder":117},true,"\n",[73,120,122,125],{"class":75,"line":121},6,[73,123,124],{"class":79},"## ",[73,126,127],{"class":83},"Palavras que usamos\n",[73,129,131],{"class":75,"line":130},7,[73,132,133],{"class":94},"reaproveitamento, transformação, economia circular, impacto positivo,\n",[73,135,137],{"class":75,"line":136},8,[73,138,139],{"class":94},"consciência, real, autêntico, recomeço\n",[73,141,143],{"class":75,"line":142},9,[73,144,118],{"emptyLinePlaceholder":117},[73,146,148,150],{"class":75,"line":147},10,[73,149,124],{"class":79},[73,151,152],{"class":83},"Palavras que evitamos\n",[73,154,156],{"class":75,"line":155},11,[73,157,158],{"class":94},"\"ecológico\", \"verde\" como adjetivo de marca, \"lixo\" (usar \"resíduo têxtil\"),\n",[73,160,162],{"class":75,"line":161},12,[73,163,164],{"class":94},"jargão técnico sem explicação, promessa exagerada, greenwashing\n",[16,166,167],{},"O mesmo pra posicionamento e persona, cada um num arquivo:",[64,169,171],{"className":66,"code":170,"language":68,"meta":69,"style":69},"# Posicionamento\nA Teciklar não vende reciclagem, transforma resíduos têxteis em soluções\nsustentáveis usando a economia circular como ferramenta de conscientização.\nTerritório próprio: sustentabilidade prática + educação acessível + humanização.\nBig idea: \"Nada é lixo quando você aprende a enxergar valor.\"\n\n# Persona: consumidor consciente\nBusca coerência entre discurso e prática, autenticidade e bastidores visíveis.\nRejeita greenwashing e sustentabilidade de fachada. Aberto à mudança, mas\nainda em transição, precisa de solução prática, não de discurso.\n",[49,172,173,180,185,190,195,200,204,211,216,221],{"__ignoreMap":69},[73,174,175,177],{"class":75,"line":76},[73,176,80],{"class":79},[73,178,179],{"class":83},"Posicionamento\n",[73,181,182],{"class":75,"line":87},[73,183,184],{"class":94},"A Teciklar não vende reciclagem, transforma resíduos têxteis em soluções\n",[73,186,187],{"class":75,"line":98},[73,188,189],{"class":94},"sustentáveis usando a economia circular como ferramenta de conscientização.\n",[73,191,192],{"class":75,"line":106},[73,193,194],{"class":94},"Território próprio: sustentabilidade prática + educação acessível + humanização.\n",[73,196,197],{"class":75,"line":114},[73,198,199],{"class":94},"Big idea: \"Nada é lixo quando você aprende a enxergar valor.\"\n",[73,201,202],{"class":75,"line":121},[73,203,118],{"emptyLinePlaceholder":117},[73,205,206,208],{"class":75,"line":130},[73,207,80],{"class":79},[73,209,210],{"class":83},"Persona: consumidor consciente\n",[73,212,213],{"class":75,"line":136},[73,214,215],{"class":94},"Busca coerência entre discurso e prática, autenticidade e bastidores visíveis.\n",[73,217,218],{"class":75,"line":142},[73,219,220],{"class":94},"Rejeita greenwashing e sustentabilidade de fachada. Aberto à mudança, mas\n",[73,222,223],{"class":75,"line":147},[73,224,225],{"class":94},"ainda em transição, precisa de solução prática, não de discurso.\n",[16,227,228,229,232,233,235],{},"Esses arquivos ficaram numa pasta ",[49,230,231],{},"docs\u002F"," versionada junto do projeto, e viraram a base que eu e o Claude Code consultávamos durante o desenvolvimento. Foi uma decisão deliberada manter o contexto como ",[49,234,51],{}," versionado no repo, e não preso ao Notion ou colado no prompt a cada sessão. Assim o Claude Code lê como arquivo local, sem depender do conector toda vez, e o contexto de marca evolui com diff rastreável igual ao resto do código.",[16,237,238],{},[56,239],{"alt":240,"src":241,"style":242},"Pasta docs do projeto com os arquivos .md destilados a partir do Notion, cada um com uma diretriz de marca","\u002Fimages\u002Fblog\u002Fteciklar\u002Flista-docs.png","max-width: 240px; margin-inline: auto;",[16,244,245],{},"A destilação não saiu pronta de primeira. O Cowork trazia um primeiro corte de cada documento, e eu revisava o que tinha virado regra: cortava o que era contexto de bastidor, ajustava o que ele resumia demais e conferia se cada diretriz ainda batia com o que a assessoria quis dizer. No fim foi mais curadoria do que exportação automática. O valor está em fazer esse trabalho uma vez e reaproveitar o resultado em tudo que veio depois.",[16,247,248],{},"A diferença aparece na entrega. Um mesmo trecho de site, antes e depois de carregar esse contexto:",[64,250,252],{"className":66,"code":251,"language":68,"meta":69,"style":69},"# Antes (sem contexto, tom genérico)\n\"Recicle seus resíduos e ajude o planeta\"\n\n# Depois (com o contexto carregado)\n\"Nada é lixo quando você aprende a enxergar valor\"\n",[49,253,254,261,266,270,277],{"__ignoreMap":69},[73,255,256,258],{"class":75,"line":76},[73,257,80],{"class":79},[73,259,260],{"class":83},"Antes (sem contexto, tom genérico)\n",[73,262,263],{"class":75,"line":87},[73,264,265],{"class":94},"\"Recicle seus resíduos e ajude o planeta\"\n",[73,267,268],{"class":75,"line":98},[73,269,118],{"emptyLinePlaceholder":117},[73,271,272,274],{"class":75,"line":106},[73,273,80],{"class":79},[73,275,276],{"class":83},"Depois (com o contexto carregado)\n",[73,278,279],{"class":75,"line":114},[73,280,281],{"class":94},"\"Nada é lixo quando você aprende a enxergar valor\"\n",[16,283,284],{},"O \"depois\" é a big idea da marca, e respeita as regras de não usar \"lixo\" como descarte e de convidar em vez de cobrar. A IA chegou nesse texto porque a regra já estava escrita no contexto, não porque adivinhou.",[29,286],{},[32,288,290],{"id":289},"um-contexto-várias-entregas","Um contexto, várias entregas",[16,292,293],{},"O escopo do projeto não parou no site. Passei a produzir também vídeos de conteúdo pra redes sociais, usando React com Remotion, biblioteca que monta vídeo programaticamente a partir de componentes React.",[16,295,296],{},"O mesmo contexto extraído do Notion foi reaproveitado aqui. O fluxo combinou o Claude Code pros componentes, uma Skill do Remotion pra orientar boas práticas de animação e exportação, e o contexto de marca pra garantir aderência ao DNA dela. Produzi dois vídeos nesse formato, com o mesmo tom, identidade e posicionamento do site.",[16,298,299],{},"Isso mostra como um contexto estratégico centralizado num único lugar vira um ativo reutilizável. Desenvolvimento web, produção audiovisual, tanto faz: a consistência de marca se mantém em todos os pontos de contato porque a referência é sempre a mesma.",[301,302,303,316],"table",{},[304,305,306],"thead",{},[307,308,309,313],"tr",{},[310,311,312],"th",{},"Frente",[310,314,315],{},"Arquivos de contexto que alimentaram",[317,318,319,337,353],"tbody",{},[307,320,321,325],{},[322,323,324],"td",{},"Site institucional",[322,326,327,330,331,330,334],{},[49,328,329],{},"posicionamento-estrategico.md",", ",[49,332,333],{},"manual-da-marca.md",[49,335,336],{},"identidade-visual.md",[307,338,339,342],{},[322,340,341],{},"Vídeos para redes sociais",[322,343,344,346,347,330,350],{},[49,345,333],{}," (tom), ",[49,348,349],{},"dna-narrativa-fundadora.md",[49,351,352],{},"proposito.md",[307,354,355,358],{},[322,356,357],{},"Conteúdo editorial",[322,359,360,330,363,330,366],{},[49,361,362],{},"publico-personas.md",[49,364,365],{},"estrategia-de-conteudo.md",[49,367,368],{},"blog-estrategia.md",[16,370,371],{},"Cada entrega partiu das mesmas referências. Isso garante consistência entre os pontos de contato sem retrabalho, e é o tipo de ativo que qualquer empresa pode construir, seja num Notion, num documento de marca ou em qualquer repositório acessível.",[16,373,374],{},"O próximo passo que estou estudando é levar essa mesma lógica pro código: com a identidade visual e as regras da marca já documentadas, dá pra construir um design system de componentes que traduz esse contexto em botões, cards e tipografia reutilizáveis. Aí a consistência deixa de depender de eu lembrar da regra a cada tela e passa a estar embutida na própria base do projeto, que é o que vai me permitir evoluir o projeto sem retrabalhar o visual do zero toda vez. Ainda não cheguei lá, é aprendizado em curso, mas o contexto estruturado é justamente o que torna esse caminho viável.",[29,376],{},[32,378,380],{"id":379},"o-que-continua-sendo-decisão-humana","O que continua sendo decisão humana",[16,382,383,384,389],{},"A IA foi parceira de reflexão e de execução, mas todas as decisões foram minhas. Estratégia de arquitetura, escolha da stack, estrutura das páginas, hierarquia do conteúdo, o que manter do site anterior e o que descartar: cada uma dessas definições passou por análise minha antes de virar código. O lado técnico dessas escolhas, WordPress headless com Nuxt, composables e convenção de campos, eu contei em detalhe no ",[385,386,388],"a",{"href":387},"\u002Fblog\u002Fnuxt-wordpress-headless-nuxt","artigo sobre a construção desse mesmo site",".",[16,391,392],{},"O conteúdo do site também não foi presumido nem gerado do nada. Foi levantado em reuniões reais com a cliente, onde discutimos o que ela já tinha, o que queria preservar, o que precisava mudar e quais eram as expectativas dela pro novo site. Questões técnicas e decisões de escopo foram tratadas direto nessas conversas. Esse material, documentado, virou contexto pro Claude Code, e acelerou a execução sem abrir mão da qualidade ou do alinhamento com a realidade do projeto.",[16,394,395],{},"O modelo que ficou, no fim:",[397,398,399,403,406],"ul",{},[400,401,402],"li",{},"Reuniões com a cliente pra levantar contexto",[400,404,405],{},"Decisões técnicas e estratégicas tomadas por mim",[400,407,408],{},"IA como ferramenta de execução rápida sobre esse contexto",[29,410],{},[32,412,414],{"id":413},"conclusão","Conclusão",[16,416,417],{},"O aprendizado que fica do projeto é direto: quanto mais claro e estruturado o contexto de marca, melhor e mais preciso o que a IA devolve. Posicionamento articulado, propósito documentado e tom de voz definido foram o que separou entrega genérica de entrega no alvo, e isso valeu igual pro site, pros vídeos e pro conteúdo.",[16,419,420],{},"Por isso vejo esse contexto menos como documento de marca e mais como ativo estratégico. Quem investe em defini-lo bem uma vez multiplica a qualidade e a velocidade de tudo que passa a usar IA depois. A ferramenta acelera, mas quem dá direção é o contexto que você tem pra colocar na frente dela.",[29,422],{},[32,424,426],{"id":425},"leituras-relacionadas","Leituras relacionadas",[397,428,429,434,440,446],{},[400,430,431],{},[385,432,433],{"href":387},"WordPress Headless com Nuxt: quando faz sentido e como estruturar",[400,435,436],{},[385,437,439],{"href":438},"\u002Fblog\u002Fia-no-frontend-ameaca-ou-multiplicador","O Papel da IA no Frontend: ameaça ou multiplicador de habilidade?",[400,441,442],{},[385,443,445],{"href":444},"\u002Fblog\u002Fpremio-nuvini-ai-2026","Prêmio Nuvini AI 2026: o que dois dias na Oracle confirmaram",[400,447,448],{},[385,449,451],{"href":450},"\u002Fblog\u002Fwebinar-claude-code","Claude Code em Ação: do Prompt ao Código",[453,454,455],"style",{},"html pre.shiki code .sSElE, html code.shiki .sSElE{--shiki-light:#39ADB5;--shiki-light-font-weight:inherit;--shiki-default:#79B8FF;--shiki-default-font-weight:bold;--shiki-dark:#79B8FF;--shiki-dark-font-weight:bold}html pre.shiki code .s4BmV, html code.shiki .s4BmV{--shiki-light:#E2931D;--shiki-light-font-weight:inherit;--shiki-default:#79B8FF;--shiki-default-font-weight:bold;--shiki-dark:#79B8FF;--shiki-dark-font-weight:bold}html pre.shiki code .sUVGp, html code.shiki .sUVGp{--shiki-light:#39ADB5;--shiki-default:#FFAB70;--shiki-dark:#FFAB70}html pre.shiki code .sMo7A, html code.shiki .sMo7A{--shiki-light:#90A4AE;--shiki-default:#E1E4E8;--shiki-dark:#E1E4E8}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":69,"searchDepth":87,"depth":87,"links":457},[458,459,460,461,462],{"id":34,"depth":87,"text":35},{"id":289,"depth":87,"text":290},{"id":379,"depth":87,"text":380},{"id":413,"depth":87,"text":414},{"id":425,"depth":87,"text":426},"2026-07-05T15:46:00-03:00","Um relato sobre como o contexto de marca documentado foi o que garantiu entregas alinhadas num projeto real usando Claude Cowork, Claude Code e Notion, e por que a IA sozinha não resolve isso.",[466,469,472,475],{"question":467,"answer":468},"A IA consegue criar um produto do zero só com uma ideia vaga?","Um produto final com qualidade, não. A IA amplifica o que já existe: com o conceito mal definido e o objetivo pouco claro, ela produz rápido, mas produz o que não serve, e o resultado é retrabalho revisando ou descartando entregas. Onde ela ajuda muito nessa fase é em criar protótipos e validar ideias rápido, testando direções antes de comprometer o produto de verdade. Como exploração vale, como entrega final depende de ter contexto por trás.",{"question":470,"answer":471},"O que é contexto de marca, na prática, para quem vai usar IA no desenvolvimento?","Posicionamento claro, propósito articulado, tom de voz documentado e personas bem mapeadas. São insumos de branding, mas também são a base que permite que ferramentas como o Claude Code gerem entregas coerentes com o que a marca representa.",{"question":473,"answer":474},"Como transformar documentação de marca no Notion em contexto para a IA de desenvolvimento?","Uma forma de fazer isso é com o Claude Cowork, pra acessar o workspace, navegar pelas subpáginas e destilar cada documento em arquivos .md curtos e acionáveis, revisando cada diretriz pra garantir que bate com o que a assessoria quis dizer. Esses arquivos viram o contexto que alimenta o Claude Code depois.",{"question":476,"answer":477},"Se a IA executa o trabalho, o que sobra de decisão para a desenvolvedora?","A parte que mais importa. A IA executa, mas a responsabilidade continua sendo do profissional: é a desenvolvedora que direciona o que ela deve fazer, audita cada entrega, valida se está correto e alinhado, e decide o que entra ou não no projeto. Arquitetura, stack, estrutura de páginas e hierarquia de conteúdo são decisões humanas. A IA acelera a execução em cima disso, mas não assume a responsabilidade pelo resultado, quem responde por ele é o profissional.","\u002Fimages\u002Fblog\u002Fia-no-contexto-de-marca.png",[480,484,488,491],{"type":8,"name":481,"url":482,"sameAs":483},"Anthropic","https:\u002F\u002Fwww.anthropic.com","https:\u002F\u002Fen.wikipedia.org\u002Fwiki\u002FAnthropic",{"type":485,"name":486,"url":487},"SoftwareApplication","Claude Code","https:\u002F\u002Fclaude.com\u002Fproduct\u002Fclaude-code",{"type":485,"name":489,"url":490},"Claude Cowork","https:\u002F\u002Fclaude.com",{"type":8,"name":492,"url":493,"sameAs":494},"Notion","https:\u002F\u002Fwww.notion.so","https:\u002F\u002Fen.wikipedia.org\u002Fwiki\u002FNotion_(productivity_software)",{},"\u002Fblog\u002Fia-no-contexto-de-marca",{"title":5,"description":464},"blog\u002Fia-no-contexto-de-marca",[500,501,502,503,504,505,506,507],"ia","claude","notion","branding","contexto","desenvolvimento","claude-code","claude-cowork","-VksillX4cfdihUBui3a3Lqd82ZKRIKE9NWOlGhccbU",1783531447028]