# DevFellowship (DFL) Brand Guide > Manual completo da marca DFL — 20 capítulos (00 Capa & Manifesto + 01–19). Sistema dark-first, um único accent amber (#E07A4A), logo puramente tipográfico com o motivo `/`, arquétipo Magician/Outlaw. Versão markdown machine-readable do guia visual em https://brand.devfellowship.com — mantida em sincronia com o guia visual (regra do repo: visual guide + llms.txt sempre em sync). Source of truth: recuperado verbatim do bundle React original (20 capítulos). Cada capítulo abaixo espelha 1:1 a seção correspondente do guia visual. Capítulos: 00 Capa & Manifesto · 01 Fundação · 02 Estratégia · 03 Voz & Linguagem · 04 Logo · 05 Cor · 06 Tipografia · 07 Iconografia · 08 Imagem · 09 Grafismos · 10 Layout · 11 Motion · 12 Aplicações Digitais · 13 Aplicações Impressas · 14 Merch & Ambiente · 15 Vídeo & Áudio · 16 Canais · 17 Sub-marcas · 18 Governança · 19 Anexos. --- ## 00 · Capa & Manifesto DEVFELLOWSHIP · BRAND GUIDE v1.0 · alphamaio · 2026são paulo · global — Manual da marca · 19 capítulos · 1 sistema DEVFELLOW/SHIP A fellowship onde aprender é shippar trabalho real em produção, com IA como parceira inseparável. Este documento é como a DFL se apresenta — em palavra, em forma, em código. OwnerTainan Fidelis Versão1.0 · alpha EscopoDFL · Revera · Alavancagem · Labs CadênciaQuarterly review — Manifesto · DevFellowship · 1986-inspired We believe shipping is learning. Plans before code. Code before review. Review before celebration. Tokens don't matter. Autonomy does. We are a fellowship, not a factory. We chose Brazil. We chose global. Iterate is everything. Build with AI like you'd build with a peer who never sleeps. If you can't ship it today, ship it tomorrow. The drift is the data. — DEVFELLOWSHIP · 2026 --- ## 01 · Fundação FUNDAÇÃO DA MARCA O que a DFL é, por que existe, o que defende, o que recusa. A base sobre a qual todo o resto (logo, voz, produto, sub-marca) é só consequência. 1.1 Propósito POR QUE A DFL EXISTE > Formar o operador completo de software pós-IA — em prod, em meses, com fluxo real — não em laboratório, não em quatro anos.— Propósito DFL O problema Bootcamps ensinam sintaxe desconectada do trabalho real. Faculdade leva quatro anos sem que o aluno mergeie uma linha em produção. Aprender sozinho é mês após mês sem ritmo, sem feedback, sem rede. No meio desse vácuo, a IA mudou o que significa "ser dev". O gap entre o que escolas ensinam e o que prod exige nunca foi tão grande. A nossa resposta DFL forma fellows que shippam em produção desde a semana 1, mentorados por quem está shippando hoje, operando com IA como parte do fluxo — não como brinquedo. A medida é entrega: PR mergeado, plano publicado, eval rodado. Não nota, não certificado, não horas de aula. 1.2 Visão · 5–10 anos ONDE VAMOS CHEGAR DFL como sistema operacional do desenvolvimento de software brasileiro — e, na sequência, global. Forma fellows → fellows treinam empresas via Revera → empresas contratam fellows → o ciclo gira. "Passei pela DFL" vira selo de "sabe operar com IA em produção, em time". Não é título. É prova de operação. HORIZONTE 1 · 12 MESES Stack interna consolidada (plans · harness · brain). Primeira coorte com placement > 70%. Revera com 5 contratos B2B fechados. HORIZONTE 2 · 3 ANOS Rede alumni > 300 fellows. Revera vira product-led — empresas operam plans+harness+eval no próprio time, sem dependência humana. HORIZONTE 3 · 10 ANOS "Operador DFL" vira categoria. Empresa sem time formado em runtime DFL é a exceção. Influência exportada para LATAM, depois global. 1.3 Missão · o trabalho de hoje A OPERAÇÃO DIÁRIA * Shippar fellows operacionais. Cada coorte sai com PR real merged, plano publicado, eval rodado. Sem cerimônia, sem teatro. * Operar a runtime DFL. Plans-app, harness, brain, sandbox-manager, paperclip — infraestrutura própria, self-hosted, sem dependência do hype-stack externo. * Treinar empresas via Revera. Não vender entrega — vender a transição. O time interno do cliente sai 2–3× mais produtivo, operando IA em produção. * Documentar o método em público. Plans, ADRs, episodes, drift-signals, runbooks — tudo público. O método é parte do produto. 1.4 Valores · 5 inegociáveis O QUE RECUSAMOS NEGOCIAR Valor 01 SHIP > PLAN > REVIEW Entrega de valor real é a métrica única. Plano que não vira PR é overhead. Review que não shippa é cerimônia. Valor 02 TOKENS DON'T MATTER Automatize o trabalho — o custo de API segue. Otimizar custo de token antes de otimizar fluxo é otimizar a coisa errada. Valor 03 PLAN-DRIVEN AUTONOMY Decisões duráveis ficam em planos públicos versionados. Agentes executam. Humanos destravam. Conhecimento institucional não vive na cabeça de uma pessoa. Valor 04 DRIFT É DADO Captura honesta do que está quebrado, mesmo quando inconveniente. Drift escondido vira dívida. Drift capturado vira eval. Valor 05 BRASIL + GLOBAL Raízes locais (PT-BR, cultura brasileira, tu/bora/valeu), ambição mundial. A voz é BR. O design é global. As duas coisas convivem sem custo. 1.5 Princípios operacionais · 8 COMO PENSAMOS ANTES DE AGIR * Capture > polish. Capturar dado bruto é mais valioso que polir relatório. * Async > sync. Reunião é dívida. TG/Discord/Notion comments são default. * Public > private. Plans, ADRs, repos: público por default. Privado por exceção. * Build > buy quando é core. Buy > build quando é commodity. * One-way doors exigem ADR. Two-way doors só decidem e seguem. * Velocidade > perfeição em first draft. Perfeição > velocidade em ship final. * Fact > opinion em debate técnico. PR ou número, não retórica. * People > process sempre. Processo serve à pessoa, não o contrário. 1.6 Promessa de marca O QUE PROMETEMOS A QUEM ENTRA Para o fellow O QUE RECEBE "Você não sai da DFL junior. Você sai com PR real merged, plano publicado, eval rodado, e uma rede de gente que está shippando hoje." O que NÃO recebe * Certificado decorativo * Garantia de emprego (mas há placement) * Hand-holding * Curso passivo · ambiente "safe" Para o cliente B2B (Revera) O QUE RECEBE "Você não está comprando entrega. Você está comprando a transição da sua engenharia. Seu time sai 2–3× mais produtivo, com fluxo IA estabelecido, operando como nós operamos." O que NÃO recebe * Body-shop / mão de obra * Consultoria-por-hora * Carimbo de "fizemos treinamento IA" * Software house entregando código 1.7 Arquétipo · Magician + Outlaw QUEM A DFL É Arquétipo primário MAGICIAN (MAGO) Transforma. Faz acontecer. Vê padrões que outros não veem (plans+harness+eval como runtime). Promete não conforto, mas transformação real e mensurável. Arquétipo secundário OUTLAW (REBELDE) Recusa a ordem estabelecida (faculdade, bootcamp, consultoria-por-hora). Opinião forte, ferramentas próprias, "we don't do what everyone does". Não pede licença. COMO ISSO APARECE * Linguagem direta, sem hedging. "Bootcamp não ensina fluxo." Não "é interessante notar que…". * Ferramentas próprias em vez de SaaS de prateleira. Plans-app, harness, brain — construídos. * Métricas honestas. Drift capturado, eval público, ship medido — não "satisfação dos alunos". * Visual operacional, não inspiracional. Dashboard, não Coursera. * Vocabulário próprio: "ship", "drift", "harness", "fellow" — não "aluno", "graduação", "módulo". POR QUE ESSA COMBINAÇÃO Magician puro é sedutor mas frágil — promete sem provar. Outlaw puro é interessante mas auto-marginalizante. A combinação dá transformação com prova: o Magician produz o efeito, o Outlaw entrega sem cerimônia. 1.8 História de origem DE COHORT INFORMAL A RUNTIME Tainan, dev sênior multi-stack, viveu os três modos do dev moderno: tradicional (frameworks, time, prod), consultor/founder (entregar valor → cliente paga), e IA-first (operar com agente, plan-driven). No terceiro modo, percebeu que o gap entre devs formados pelo modelo (a) e o que (c) exige é gigante — e nenhuma escola estava ensinando isso. Começou informalmente, mentorando devs próximos. Cohort virou programa. Programa virou DFL. > Dá pra escalar via processo + ferramentas próprias, não via "mais aulas". DFL não vende curso. Vende infraestrutura de prática.— O momento de virada MARCOS FOLCLÓRICOS * O primeiro fellow que shippou PR em produção em menos de uma semana. * A noite de 2026-05-19 → 20: 11 PRs mergeados via subagents enquanto Tainan dormia (overnight push protocol). * O dia em que Tainan disse "tokens don't matter" e parou de medir custo por API call. * A primeira coorte fechada com 100% placement (não foi a primeira coorte — foi a terceira). * O primeiro PR rejeitado por um fellow num projeto de Tainan — momento em que se confirmou que a rede funciona. Esses são o folclore interno. Quando alguém pergunta "por que vocês operam assim?", são essas histórias que se conta. 1.9 Posicionamento UMA FRASE, UM PARÁGRAFO, UM PITCH One-liner oficial DFL — fellowship de devs que shippam em produção, operando com IA, todo dia. Parágrafo de posicionamento A DevFellowship é uma fellowship brasileira para devs que querem operar software como o trabalho exige hoje: planos públicos, agentes executando, drift sendo capturado, PR sendo mergeado. Não vendemos curso — operamos uma runtime própria (plans · harness · brain · sandbox) que fellows e empresas usam para entregar valor real, em meses. Quando alguém passa pela DFL, sai sabendo trabalhar com IA em produção, em time — não em demo. Pitch · 30 segundos · festa "DevFellowship — fellowship onde a gente forma devs operando com IA em produção. Você entrega projetos reais, é mentorado por quem shippa todo dia, sai daqui empregável ou contratado pela rede. A gente também treina empresa via Revera. Brasileira, ambição global." 1.10 Inimigos CONTRA O QUE ESTAMOS Inimigo ENGINEERING-AS-GATEKEEPING Review como tax, não como dado. PR aberto há 9 dias porque três pessoas precisam aprovar. Process theater. Inimigo FACULDADE-FÁBRICA-DE-DIPLOMA Quatro anos formando gente que nunca shippou. Termina com PowerPoint, não com PR. Inimigo BOOTCAMPS-DE-CERTIFICADO Vende vibes e canecas. Não ensina fluxo de trabalho real. Sai sabendo to-do list e vai pra LinkedIn. Inimigo SÉRIO-É-DOLOROSO O mito de que profissionalismo precisa ser seco, formal, sem voz. Dá pra ser excelente e ainda parecer gente. Inimigo IA-VAI-SUBSTITUIR-DEVS Tese covarde. Nossa tese: IA amplifica devs que sabem operar. Quem aprende, sobe. Quem não aprende é amplificado pra fora. Inimigo CONSULTOR-POR-HORA Vende entrega, não transição. Cliente fica dependente. Sem capacity-building, time interno do cliente não muda. Inimigo SOFTWARE-HOUSE BODY-SHOP Aluga dev por mês. Não constrói competência interna. Cliente paga pra sempre. Inimigo CURSOS-ONLINE-PASSIVOS Vídeo gravado + quiz. Zero feedback humano. Sem ship. Sem rede. 1.11 Métricas internas · KPIs da DFL COMO MEDIMOS A NÓS MESMOS MétricaDefiniçãoCadênciaPRs mergeados / fellow / semanaThroughput por pessoaSemanalDrift signals capturados / runHonestidade do sistemaPor runEval pass rate% de runs com grade passSemanalPlans publicados / mêsVelocidade de decisão durávelMensalPlacement rate (fellow → contratado)% de fellows em prod no fim do programaPor coorteTempo até primeiro PR mergeadoDay-1 to merge-1Por fellowNPS internoComo o fellow se senteMensalRevera · throughput antes/depoisMétrica B2B principalPor contrato Sem "horas de aula", sem "alunos satisfeitos", sem "conteúdo entregue". Só medimos trabalho shipped + rede gerada. 1.12 Cultura · 6 práticas concretas COMO O TIME DFL OPERA * Stand-up async via TG. Todo dia 9h, cada membro posta "o que fiz · o que vou fazer · onde tô preso". Texto, mono uppercase para metadados. * Plan antes de código. Qualquer trabalho > 4h tem plan publicado primeiro. Sem plan = sem trabalho. * Review é dado, não tax. PR é review de plan vs execução, não de gosto pessoal. Limite de 2 reviewers. * Public default. Repos, plans, ADRs, decisões — público. Privado vira ADR justificando. * Demo de sexta. 30min · todo time mostra o que rolou. Hard limit no tempo, soft demo em qualidade. * Drift retrospective. Cada quinta, time discute o maior drift capturado. Vira ADR ou eval. --- ## 02 · Estratégia ESTRATÉGIA & AUDIÊNCIA Quem queremos atrair, quem deixamos passar, e como a DFL se relaciona com Revera, Alavancagem, Labs e os produtos internos. 2.1 Personas · 4 (fellow · alumni · B2B · parceiro) PARA QUEM ISTO É Persona 01 O FELLOW IDEAL 22–30 anos · BR · técnico curioso Onde está Já mexeu em código — tutorial, hobby project, faculdade na metade. O que sente "Eu sei que dá pra fazer mais rápido — alguém me mostra o jeito." O que busca Aprender fazendo. Mentor que está shippando hoje. Portfólio que prova ship. O que NÃO busca Certificado decorativo. Ambiente safe. Hand-holding. Canais LinkedIn (descobre Tainan) · YouTube · Instagram Conversão Aplicação coorte · ~10 min · perguntas técnicas + projetos Persona 02 CLIENTE B2B REVERA 100–1000 pessoas · time legado ou estagnado Onde está Time interno não acompanha competidores. Curso normal não pega. O que sente "Meu time precisa virar a chave da IA — não dá mais pra fingir." O que busca Capacity-building. ROI mensurável. Transição cultural. O que NÃO busca Body-shop. Software house. Carimbo de 'fizemos treinamento'. Canais LinkedIn (Tainan / Revera) · referral · landing Revera Conversão Alinhamento 60min via Calendly · proposta de 3 páginas Persona 03 ALUMNI · FELLOW FORMADO Pós-fellowship · empregado ou solo Onde está Já operou a runtime DFL. Quer manter vínculo (placement, mentoria reversa). O que sente "DFL é network — quero contribuir e colher." O que busca Hub. Eventos. Drops de oportunidade. Continuar aprendendo. O que NÃO busca Newsletter genérica. Comunicação de massa. Canais Discord alumni · TG · email pessoal Engajamento Mensal · drops + 1 evento/trimestre Persona 04 PARCEIRO INSTITUCIONAL Empresa de software · founder · early adopter Onde está Empresa que admira o método DFL. Quer parceria não-cliente. O que sente "Vocês são interessantes — vamos fazer algo juntos." O que busca Co-marketing. Acesso à rede. Validação de tese técnica. Canais Direto Tainan · LinkedIn · evento DFL Engajamento Pontual · proposta específica · não recorrente 2.2 Jornada do fellow · 12 semanas DO CLIQUE NO LINKEDIN AO ALUMNI FaseTouchpointSurfaceTom1. DescobertaPost de Tainan no LinkedInLinkedIn DFL · TainanProfissional · opinativo2. PesquisaLanding devfellowship.comWebConfiante · direto3. AplicaçãoFormulário (10min · técnico)Web · CalendlyFiltro4. Triagem72h · email + TGEmail · TGTransacional5. Conversa30min com mentorLoom · MeetConversational6. OnboardingWelcome kit · manual A5Físico · emailEditorial7. Semana 1–4Primeiro PR em prodDiscord · TG · paperclipCorrido8. Semana 5–8Plan publicado · primeiro driftplans.tainanfidelis.comTécnico denso9. Semana 9–12Projeto final · placementDiscord · email · LinkedInOperacional10. GraduationCertificado · graduation kitFísico · cerimôniaEditorial · ritual11. AlumniDrops mensaisDiscord alumni · emailInsider 2.3 Quem NÃO é público A QUEM DIZEMOS NÃO Definir o público é definir quem não cabe. A clareza protege a marca tanto quanto atrai os certos. * Buscador de diploma decorativo. Quer linha no LinkedIn. Não quer mergear PR. * Hobby coder sem intenção de ship. Apaixonado por código, alérgico à entrega. * Empresa que só quer carimbo de "fizemos treinamento IA". Quer PR de marketing, não transformação. * Dev que detesta ferramentas IA por princípio. Posição respeitável — mas incompatível. * Quem precisa de hand-holding tier 1. Não temos suporte síncrono 24/7. Lê doc, abre PR. * Empresa em crise existencial. "Salva meu time" não é capacity-building. É consultoria de turnaround. * Quem busca atalho. "Fellowship de 4 semanas" não existe na DFL. 2.4 Mapa de territórios ONDE A DFL FALA — E POR QUÊ TerritórioQuem ouveO que dizemosComo provamosFormação técnica pós-IAFellow ideal · alumni · candidatosO modo real de operar com IA em prod, em time.PRs mergeados, planos públicos, eval rodado.Capacity-building corporativoCTO · VP Eng · Head of PlatformNão consultoria — transição. 2–3× throughput.Métricas antes/depois, runs de harness em prod do cliente.Opinião técnica autoralComunidade tech BR · LATAM · alumniComo pensar dev/IA em 2026. Plans > tutoriais.Posts LinkedIn · blog · livro Alavancagem.Infraestrutura de práticaDevs avançados · early adoptersPlans-app, harness, brain mudam fluxo.Self-hosted stack · repos públicos · demos overnight. 2.5 Diferenciais competitivos · 6 O QUE NINGUÉM MAIS FAZ * Plans-driven autonomous execution. Planos públicos versionados + ADRs + decisões locked. Agentes executam. * Harness eval framework. Mede trabalho entregue: run grading + episode mining + LLM judges + human-in-the-loop. * Plans-app + canal de feedback. Loop assíncrono humano-cérebro × agente-execução via Telegram. * Self-hosted stack completa. dfl-runner · sandbox-manager · paperclip · Infisical · Traefik · OTel · Langfuse. * Fellowship model real (vs cohort). Você não conclui — se forma. A rede vira ativo permanente. * Brasileira de raiz, global de design. Voz BR, infra global, ambição mundial. > Junto, isso é uma runtime própria. Ninguém mais opera assim. 2.6 Matriz de posicionamento · vs alternativas DFL VS BOOTCAMP · FACULDADE · SOZINHO CaminhoVendeResultado típicoLimitaçãoTempo até prodBootcamp tradicionalSintaxe (React, Node)Sai sabendo to-do listNão ensina fluxo, IA, ship∞ (não shippa)FaculdadeDiploma4 anos sem entregar linhaPerde a era IA · teoria · sem portfólio~4 anosSozinhoNada (gratuito)Sem ritmo, vira hobbySem feedback, rede, urgência~2 anosDFLInfra de prática + redeShippa em prod desde semana 1Não cabe quem quer hand-holding ou diploma~3 meses REVERA VS CONSULTORIA · SOFTWARE HOUSE ModeloVendePós-contratoConsultoriaHorasResolve problema imediato. Time interno continua o mesmo.Software houseCódigoEntrega projeto. Time fica dependente do externo.ReveraCapacity-buildingTreina o time. Mensurável. Capacita. 2.7 Arquitetura de marca · branded house FAMÍLIA DFL · SUB-MARCAS · PRODUTOS Arquitetura branded house: DFL é a mãe. Sub-marcas herdam tokens (cor, tipo, voz) mas têm lockups distintos. Produtos internos são identificados por nome+mono, sem mark próprio. Topologia DFL · devfellowship (the mother) ├── DFL Fellowship · programa core (product line, não sub-marca) ├── Revera · B2B / corporativo · sister-brand · lockup distinto ├── Alavancagem · livro · extensão editorial · lockup próprio ├── DFL Labs · playground experimental · visual mais solto └── DFL Edu · guarda-chuva educacional Produtos internos (não são sub-marca · usam DFL): plans · harness · brain · paperclip · sandbox-manager · dfl-runner dfl-learn · dfl-financing · dfl-flows · lesson-studio · books-app REGRAS DE HERANÇA * Paleta + tipografia compartilhada em toda a família. * Lockup distinto por sub-marca: Revera tem o próprio wordmark; Alavancagem tem tratamento editorial com serifa display; Labs tem permissão de quebra estética. * Accent secundário só para Revera: trust-blue (#5a85c4) ao lado do amber, para B2B trust. * Produtos internos não têm logo: usam o wordmark DFL + nome em mono uppercase ao lado (DFL · plans). 2.8 Funil de aquisição · fellow + B2B COMO ENTRAM FUNIL FELLOW StageSurfaceMétricaAwarenessLinkedIn Tainan · YouTube · IGImpressões · reachInterestLanding · blog · podcastVisitas · tempo na páginaConsiderationNewsletter · Discord público · meetupInscritos · presençasApplicationFormulário aplicaçãoTaxa de conclusão · qualidadeConversionTriagem + conversa + decisãoTaxa fellow novo / aplicação FUNIL B2B (REVERA) StageSurfaceMétricaAwarenessLinkedIn Revera · referral · Tainan postsVisitas landing ReveraInterestLanding Revera · case studyTempo de leitura · scrollLeadCalendly 60min agendadoConversão visita → callPropostaDoc 8 páginas enviadoEngagement de leituraFechamentoContrato assinadoTaxa proposta → fecha · ticket 2.9 Preço e modelo comercial COMO COBRAMOS ProdutoPreçoTermosFellowship (16 semanas)R$ 12.0004× ou à vista (5% desc)Fellowship + Revera-readyR$ 18.000Inclui pipeline B2BRevera · empresarial (12 sem · 3 squads)Sob consultaR$ 200k+ médioRevera · enterprise (custom)Sob consultaR$ 500k+ médioDFL Edu · workshop (1-3 dias)R$ 800–3000 / participantePor eventoAlavancagem (livro)R$ 89 físico · R$ 39 digitalLançamento 2026 2.10 Arquétipo · a casca e a alma MAGICIAN + OUTLAW — SHELL VS. SOUL O guia nomeia o arquétipo explicitamente: Magician dominante, Outlaw secundário. * Dominante — Magician (Mago): a DFL transforma e faz acontecer; vê padrões que outros não veem (plans + harness + eval como runtime) e promete não conforto mas transformação real e mensurável ("a runtime própria", "your team ships 2–3× more, measured in the harness"). Promete transformação com prova, não vibes. * Secundário — Outlaw (Rebelde): a DFL recusa a ordem estabelecida — universidade, bootcamp, consultoria por hora, "diploma-factory" — constrói as próprias ferramentas em vez de comprar SaaS de prateleira, tem opiniões fortes e não pede permissão. Seus inimigos nomeados (engineering-as-gatekeeping, bootcamps de certificado, "IA-vai-substituir-devs") são posicionamento Outlaw puro. Por que o par: um Magician puro é sedutor mas frágil (promessas sem prova); um Outlaw puro é interessante mas se auto-marginaliza. Combinados, dão transformação com prova — o Magician produz o efeito, o Outlaw entrega sem cerimônia. Energia Creator/Sage aparece na textura de apoio (tooling próprio, método público, ADRs, drift-as-data), mas o par dominante + secundário é Magician + Outlaw. A CASCA VS. A ALMA (SHELL VS. SOUL) O Magician dominante (transformação via sistemas — plans+harness+eval como runtime; disciplinado — "proof, not promise") e o Outlaw secundário (rejeita diploma/bootcamp/consultoria-por-hora, é dono das ferramentas, não pede permissão) descrevem a voz/edge. Co-secundário é o Creator — Outlaw é a atitude, Creator é a atividade diária (a gente constrói; "founders who code"; projetos reais shippados). Mas o edge sozinho soa frio/elitista. O que mantém quente é a alma (soul): uma linha Sovereign (devs soberanos donos do próprio cap table; autonomia como métrica de output — a tese de liberdade econômica) e um núcleo Caregiver (elevar jovens do Sul-Global / favela na pirâmide de Maslow; um movimento, não uma corporação; a base espiritual da Polaris). Regra: ambos têm que aparecer. Magician/Outlaw sem a alma Sovereign/Caregiver = frio e elitista; a alma sem o edge = mole e esquecível. --- ## 03 · Voz & Linguagem VOZ & LINGUAGEM Como a DFL fala — em LinkedIn, em landing page, em deck comercial, em canal interno. A voz é o ativo mais barato e mais difícil de copiar. 3.1 Personalidade · se a DFL fosse pessoa O PERFIL > Sênior brasileiro que morou fora 10 anos, voltou pra investir no Brasil. Direto sem ser rude. Opinião forte, mas escuta. Cita planos e PRs como prova — não argumenta com adjetivo.— Perfil da marca O QUE ESSA PESSOA FAZ * Fala PT e EN intercambiavelmente, sem hesitar. * Prefere ship a discutir. Abre PR enquanto outros abrem thread. * Tem opinião sobre tudo que importa. Não tem opinião sobre o que não importa. * Despreza burocracia, ceremony, theater. Não esconde isso. * Lê PRD e abre issue ao mesmo tempo. Não espera reunião. * Critica processo · respeita pessoa. O QUE ESSA PESSOA NÃO FAZ * Não usa "stakeholder", "synergy", "leverage". * Não vende vibe. Não fala em "jornada". Não promete "transformação digital". * Não escreve em comitê. Texto tem dono e tem voz. * Não pede licença para ter opinião. * Não usa hashtag em LinkedIn. * Não promete certeza onde não há. 3.2 Tom de voz · 6 sliders ONDE A DFL FICA NOS EIXOS Formal Informal Sério Bem-humorado Acadêmico Operacional Vendedor Autoral Corporativo Pessoal Genérico Opiniativo Leitura: informal mas competente. Levemente bem-humorada, nunca meme-y. Brutalmente operacional. Autoral, com voz reconhecível em um parágrafo. Opinião como default. 3.3 Vocabulário · sim / não / substitutos PALAVRAS-CHAVE USA shipfellowiterateplanharnessdriftautopilotborapratuvaleufluxoagenteprodmergeevalruntimebrainpaperclipsandboxcapacity-buildingoperadorrunsepisodedecisão duráveldrift signalADRthroughputship nightPRreview NUNCA USA stakeholdersynergyagile transformationbest-in-classunlock valueleverageecosistemajornada digitalempoderardesbloquear potencialsolução inovadoradisruptivomindsetengajamentoalinhamentoentregar valor agregadorobusta solução end-to-endponta a pontaestratégiaROIcliente em primeiro lugarno nosso DNADNA digital SUBSTITUIÇÕES RÁPIDAS Em vez deDigaPor quê"para""pra"Voz BR. Soa gente."você""tu" (interno) / "você" (B2B)Tu na comunicação fellow. Você em landing Revera."oferecemos""a gente faz" / "shippa"Direto. Ativo."alinhar expectativas""combinar o escopo"Diz o que é."jornada""caminho", "programa", "fluxo""Jornada" é palavra-zumbi."solução"nome do que faz"Solução" mascara o objeto."impactar""mudar", "mover", "shippar"Verbo concreto > verbo de marketing."experiência""o que tu vai fazer"Concreto."compreender""entender"Mesma coisa · menos formal."realizar""fazer" / "rodar"Mesma coisa."plataforma""app" / "site" / "ferramenta"Específico."colaboradores""time" · "fellows" · "pessoas"Soa gente. 3.4 Princípios de redação · 10 regras ANTES DE PUBLICAR QUALQUER TEXTO * Primeira frase carrega o sentido. Se a primeira frase pode sair sem perda, ela já não devia estar lá. * Prova > adjetivo. "Shippamos 11 PRs em uma noite" > "somos eficientes". * Verbo ativo. "Fellows shippam" > "É shippado por fellows". * Número específico > faixa. "70% placement" > "alto índice de placement". * Direto sem ser rude. "Não fazemos isso" > "Não estamos focando neste momento em iniciativas dessa natureza". * PT e EN convivem. "Bora rodar harness no run do TG-typed" — sem itálico, sem aspas. * Editar para subtrair. Toda revisão tem que devolver o texto mais curto. * Frase curta. Default 8-15 palavras. Frase > 25 palavras é warning. * Concreto > abstrato. "PR mergeado" > "entrega". * Voz consistente em série. Se a edição #07 é informal, #08 não vira formal. 3.5 Exemplos · soa DFL / não soa CALIBRAÇÃO RÁPIDA ✓ Soa DFL Mensagem · canal internoBora trabalhar no app X — worktree + sandbox aberto. Tu manda feedback no TG, eu shippo PR a PR. Plan publicado quando tiver decisão durável. Drift signal capturado no final. Direto. Operacional. PT+EN sem cerimônia. Verbos ativos. Nomeia os artefatos (plan, drift signal). Tem voz. ✗ Não soa DFL Texto-zumbi corporativoWe're excited to announce our innovative AI-powered platform that empowers developers to unlock their full potential through our comprehensive methodology aligned with industry best practices. Zero objeto, zero prova, zero opinião. Vocabulário-zumbi. Soa como release de qualquer SaaS. Banido em qualquer canal DFL. MAIS EXEMPLOS · PARALELOS Anúncio coorte ✓ DFL Coorte 04 · aplicações abertas até 30 jul. Set 2026. 18 vagas. ✗ não DFL Estamos muito felizes em anunciar a abertura das inscrições para a próxima coorte do nosso programa, que terá início em setembro de 2026. Mudança de produto ✓ DFL plans-app v2.1 saiu. Lock automático em ADR. PRs vinculados. Drift signal por episode. ✗ não DFL Temos o prazer de comunicar uma evolução importante da nossa plataforma, agora ainda mais robusta... Pitch curto ✓ DFL Forma dev que ship em prod, em meses, operando IA. ✗ não DFL Capacitamos profissionais de tecnologia a navegarem no novo paradigma da inteligência artificial... Erro / drift público ✓ DFL Status DEGRADED · harness 3/11 falhou em onboarding-revera. Drift +0.34 capturado. Fix em 30min. ✗ não DFL Estamos enfrentando uma instabilidade temporária. Pedimos desculpas pelo inconveniente. Nossa equipe técnica... 3.6 Tom por canal · 8 superficies ONDE A VOZ SE AJUSTA LINKEDIN CORPORATIVO Profissional + opinião + prova. PR shipped, métrica antes/depois, decisão técnica autoral. Exemplo11 PRs mergeados ontem. Subagents executando plans, eu dormindo. O custo não é o problema — o gargalo é a clareza do plan. CANAL INTERNO FELLOWS Corrido, gírias técnicas+BR, abreviado, TG-friendly. "Bora", "valeu", "PR aberto". Exemplo@fulano sandbox tá de pé. roda harness no run X. drift signal no final, valeu LANDING B2B · REVERA Confiança calma, número grande, prova social, sem hype. "Isto resolve isto". ExemploSeu time entrega 2–3× mais por trimestre. Você mede no harness, em prod do seu próprio repo. Sem PowerPoint. PROPOSTA COMERCIAL Curta, escopada, sem floreio. 3 páginas resolvem. Entregáveis nomeados. ExemploEscopo: 12 semanas. Entregável: time operando plans+harness em prod. Métrica: throughput de PR / semana antes/depois. MANIFESTO / EDITORIAL Declarativo, curto, sem qualificadores. Frase por linha. Apple-1986. Permitido ser solene. ExemploWe believe shipping is learning. Tokens don't matter. The drift is the data. SUPORTE / CLIENTE Respeitoso, direto, sem desculpa performática. Reconhece, age, fecha. ExemploReproduzi. PR aberto. Deploy na sexta. Te aviso quando subir. NEWSLETTER EDITORIAL Autoral, médio formato. Mais Georgia que Inter no peso. Mais ar. ExemploEsta semana virou edição. Captei drift como dado pela primeira vez de forma "limpa" — e isso mudou como olho um run. TWITTER / X Seco, opinativo, técnico. Tweet curto · thread quando vale. Exemploplan-driven autonomy não é hype. é a única forma de operar agentes em produção sem virar caos. 3.7 Como nomear coisas PRODUTOS · FEATURES · EVENTOS · DOCUMENTOS * Produtos internos: nome curto, lowercase, hifenizado se preciso. plans · harness · brain · paperclip · sandbox-manager. Não pluraliza, não maiúscula. * Sub-marcas: nome substantivo, primeira maiúscula. Revera · Alavancagem · Labs. Lockup próprio. * Eventos: formato tipo + edição. DFL Meetup #03 · Fellow Demo Day · Overnight Push 05-19 · Ship Night. * Features dentro de produto: verbo+objeto se for ação ("run grading", "episode mining"), substantivo se for conceito ("ADR", "drift signal"). * Documentos canônicos: ALL-CAPS com hífen. DESIGN.md · CLAUDE.md · README.md · ADR-001-plan-format. * Releases: semver. v1.0.0. Não "Mythical Names". Não "Aurora", "Phoenix", "Atlas". * Coortes: número sequencial · "Coorte 03". Não nomes inventados. 3.8 Storytelling · 6 estruturas narrativas COMO CONTAMOS A HISTÓRIA DFL ANTES-VS-DEPOIS "Bootcamp ensina sintaxe. DFL forma operador." Estado anterior → ruptura → estado novo. Ideal pra LinkedIn e landing. FOLKLORE-DO-OVERNIGHT "11 PRs mergeados enquanto eu dormia." Cena específica → método embutido. Conta a runtime sem listar features. PLAN → SHIP → DRIFT "Publicamos o plan. Subagents rodaram. Drift capturado virou eval." Três atos da runtime. Convence dev sênior. INIMIGO-VS-TESE "'IA vai substituir devs' vs 'IA amplifica devs que sabem operar'." Posição comum + contraposição. Editorial. FELLOW JOURNEY "Semana 1: zero PR · Semana 12: 14 PRs em prod." Time-line concreto da transformação. Landing + IG. DRIFT-AS-DISCOVERY "Captei drift +0.34 · não escondi · virou ADR · virou eval." Sistema aprendendo em público. Newsletter / blog. 3.9 Microcopy · botões · estados · errors OS TEXTOS MÍNIMOS ContextoDFL dizNão dizBotão CTA primárioAplicar → · Agendar → · Shippar PR"Clique aqui" · "Saiba mais"Botão secundárioLer mais · Ver runtime · Demo"Voltar" sem contextoEmpty state"Nenhum plan ainda. Bora começar.""Você ainda não tem nada cadastrado"Loading"rodando harness…""Aguarde, por favor"Erro"Quebrou. Capturado em drift signal.""Ocorreu um erro inesperado"Success"PR mergeado. Próximo?""Operação realizada com sucesso!"404"plan errado. route não existe.""Página não encontrada"Coming soon"em 2026. waitlist aberta.""Em breve!"Form label"email""Por favor, informe seu endereço de email"Form helper"a gente responde em 72h""Nossa equipe entrará em contato" 3.10 Anti-padrões · 8 vícios BANDEIRAS VERMELHAS EM QUALQUER TEXTO * Texto-comitê. Frase sem dono, sem opinião, sem voz. Soa como nada porque foi escrita por todos. * Hedging excessivo. "Talvez", "pode ser que", "achamos que". Direto ou cala. * Adjetivo-superlativo. "Incrível", "revolucionário", "único". Prova ou apaga. * Pedido-de-engajamento. "Concordam?", "compartilha aí". Trabalho é da escrita, não do leitor. * Auto-elogio. "Somos referência em…". Faz o trabalho · deixa outro dizer. * Empilhamento de jargão. "AI-powered ML-driven SaaS". Use palavra concreta. * Frase-zumbi de transição. "Pensando nisso…", "diante disso…". Editar fora. * Promessa-vaga. "Transformaremos seu negócio". Diga O QUE muda e EM QUANTO TEMPO. 3.11 Bilíngue · quando virar EN PT-BR É CASA · EN É VIZINHO * Default: PT-BR em todo material BR-facing (landing, IG, newsletter, fellow comms). * EN aparece: termos técnicos (ship, drift, plan, runtime), nomes próprios (paperclip, harness), manifesto, GitHub. * Conteúdo global: EN puro para LinkedIn de Tainan voltado a audiência LATAM/global, podcast cuts internacionais, repo READMEs. * Não traduzir: "ship" não vira "entregar". "Drift" não vira "desvio". O termo é o conceito. * Não code-switch performático: "let's grow together" no meio de texto BR soa fake. 3.12 "Crew" em português · regra de tradução COMO TRADUZIR "CREW" Sempre traduza "crew" como "tripulação" (registro institucional / elevado; ressoa com a metáfora barco/cibernética e a viagem de transformação do arquétipo Magician) ou "tropa" (registro fellow-facing / cru; a energia de esquadrão leal do Outlaw, "minha tropa"). Escolha pelo contexto. A gíria favela / Global-South "bonde" é permitida só para a voz de fellow / social-media mais crua. Nunca use "turma", "equipe" ou "time" (soam escola / corporativo). --- ## 04 · Logo LOGO Wordmark tipográfico em Barlow Condensed + slash amber como assinatura. Sem brasão, sem ilustração, sem AI sparkle. A marca é uma palavra tratada com precisão. 4.1 Anatomia · construção OS 3 ELEMENTOS DA LOGO A logo DFL é puramente tipográfica. Três letras em Barlow Condensed Black, justaposta a uma barra (slash) em amber que marca a posição: dev / fellowship. A barra é o único elemento gráfico do sistema. DFL/devfellowship Logo primária · wordmark + slash + tagline DFL/ Construção · grid 16px · barra 1 unidade REGRAS DE CONSTRUÇÃO ElementoTratamentoTokenWordmarkBarlow Condensed · 700 (Black)--p-font-displayTracking−2px no display (≥48px), −1px abaixotracking-tightSlash (barra amber)Mesmo glyph "/", peso 700, cor brand--brand · #E07A4AEspaçamento ao slash0.12em antes e depoisgap · 0.12emTaglineJetBrains Mono · 500 · letter-spacing 1.4px · uppercase--p-font-monoCor padrãoWordmark ink-primary · slash brandink + brand 4.2 Variações · 10 lockups TODOS OS ARRANJOS OFICIAIS Horizontal · default · com tagline DFL/devfellowship Horizontal compacto · sem taglineDFL/ Vertical · centralizado DFL/devfellowship Icon · D-bar (favicon · 16/32/64px) Mono branco · sobre escuroDFL/ Mono preto · sobre claroDFL/ Knockout · slash em amberDFL/ Negativa · sobre amber DFL/ Apenas slash · selo/ Stencil · só wordmark sem slashDFL "Apenas slash" funciona como selo isolado (favicon, sticker, watermark de canto). "Stencil sem slash" só em contextos onde a marca já está estabelecida na mesma tela. 4.3 Tamanhos mínimos · clear space QUANTO AR A LOGO PRECISA CLEAR SPACE Área de proteção igual à altura da letra F em todos os lados. Nada (texto, ícone, foto, borda) entra nessa zona. TAMANHO MÍNIMO Digital · wordmark 64px de largura Digital · icon 16px (favicon) Impresso · wordmark 20mm de largura Impresso · icon 6mm Bordado / gravado 35mm largura mínima Vídeo · canto 2% da largura do frame DFL/ Clear space · 1F em torno · zona amber translúcida 4.4 Usos incorretos · 12 não-fazer O QUE NUNCA FAZEMOS ✗ Não faça DFL/ Não estique. ✗ Não faça DFL/ Não rotacione. ✗ Não faça DFL• Não troque o slash. ✗ Não faça DFL/ Não use amber no wordmark inteiro. ✗ Não faça DFL/ Não aplique gradient. ✗ Não faça DFL/ Não aplique shadow. ✗ Não faça DFL/ Não troque a fonte. ✗ Não faça DFL/ Não use sobre amber sem inverter. ✗ Não faça DFL/ Não embale em moldura decorativa. ✗ Não faça /DFL/ Não duplique slash. ✗ Não faça DFL/ Não use serifa. ✗ Não faça DFL/🚀 Não combine com emoji. 4.5 Co-branding · sub-marcas + parceiros QUANDO A DFL APARECE JUNTO Co-branding com sub-marcas usa o slash como elemento de junção: DFL / SUB. Com parceiros externos: pipe vertical com 2× clear space. DFL × Revera (família)DFL/REVERA DFL × Alavancagem (editorial)DFL/Alavancagem DFL × EduDFL/EDU DFL × LabsDFL/LABS DFL | parceiro externo DFL/ Parceiro DFL · produto interno (mono)DFL/· plans 4.6 Aplicações específicas · 14 contextos A LOGO EM CONTEXTO ContextoVariaçãoNotasFavicon · 16/32pxMark D-bar · amber sobre darkSem wordmark, sem taglineApp ícone iOS/AndroidMark D-bar · radius 22%Sand backgroundGitHub org avatarMark D-bar quadrada · 4px radiusPara reconhecimento na timelineHeader de appWordmark horizontal · 24px alturaSem taglineSlide / deckVertical centralizada · canto inferiorTagline opcional na capaCertificado / diplomaVertical centralizada · topo · 40mmSempre com taglineVídeo intro/outroWordmark anima slash por últimoSlash entra com snap, 220msAssinatura emailWordmark · 90px largura · PNG @2x+ tagline + nome em monoOG card / socialWordmark canto inferior · 14-20pxNão no canto da informação principalREADME GitHubH1 wordmark inlineSlash amber em spanPrint · papel timbradoMono preto · canto superior esquerdoTagline no rodapéCamiseta peitoWordmark default · 22px larguraBordado · amber threadCamiseta costasManifesto · slash 60-90pxCentro do tóraxStencil de eventoSlash isolado giganteDecoração ambiente 4.7 Evolução histórica · 3 marcos DE ONDE A MARCA VEM A logo atual é a v1.0 deste guide. Versões anteriores eram lockups ad-hoc. devfellowship 2024 · uso interno · sem sistema DFL. 2025 · primeira tentativa wordmark DFL/devfellowship 2026 · v1.0 · este guide 4.8 Construção SVG · spec técnica COMO O ARQUIVO É FEITO DFL / Todo SVG da logo entregue na pasta brand/logo/ — versões otimizadas (sem metadata, paths inlinados) ficam em brand/logo/dist/. 4.9 Brand protection · trademark STATUS LEGAL * "DFL" · marca registrada INPI · classe 41 (educação) e 42 (TI). * "DevFellowship" · marca registrada INPI · classe 41 (educação). * Slash + tipografia · trade dress · não-registrado mas reivindicado. * Domínios · devfellowship.com (master) + .com.br + .dev defensivos. * Handles sociais · @devfellowship em todas as plataformas onde existimos. --- ## 05 · Cor SISTEMA CROMÁTICO Sand escuro · um único accent amber · cinco cores semânticas para estado · paleta de 10 hues para identidade pessoal em avatares. Saturação baixa, disciplina alta. 5.1 Princípios cromáticos · 6 AS REGRAS ANTES DA PALETA * Dark-first. Sand-950 e empilhamento de superfícies. Light mode existe (5.8) para contextos editoriais — não default. * Saturação baixa. Nenhum neutral passa de chroma 0.02. Saturação é informação. * Um accent. Amber #E07A4A é o único. Sem accent-2. Se algo precisa "destacar" e não é estado, está mal hierarquizado. * Estado tem cor; emphasis não. success/warning/danger/info dizem "este objeto está neste estado". Nunca "olha aqui". * Hierarquia por superfície, não por sombra. Card mais importante → promove para surface-raised. * Identidade ≠ UI. Paleta member-* é para pessoas. Nunca vira UI. 5.2 Paleta primária · sand stack SUPERFÍCIES + TINTA SURFACES · EMPILHAMENTO DARK #0A0908 surface-page #0A0908 background da página #141210 surface-panel #141210 card · sidebar · header · default #1A1714 surface-raised #1A1714 input bg · raised card · hover de panel #1F1C18 surface-elevated #1F1C18 popover · tooltip · hover de raised INK · TINTA #F6F1E7 ink-primary #F6F1E7 títulos · conteúdo primário #C9C0B4 ink-secondary #C9C0B4 body · labels #7D7568 ink-muted #7D7568 meta · mono · placeholder #5A5249 ink-disabled #5A5249 disabled #0A0908 ink-inverse #0A0908 texto sobre amber/success solid BORDERS #2A2622 border-subtle #2A2622 hairline default #3A3530 border-strong #3A3530 hover · divider mais firme #E07A4A border-focus #E07A4A focus ring · 1px + 3px amber a 45% 5.3 Brand · amber · 4 tons O ÚNICO ACCENT Amber é a assinatura. Primary CTA, indicador de tab ativa, switch on, focus ring, "in progress" status. Nada decorativo. #E07A4A brand · primary #E07A4A CTA · focus · active #EA915A brand · hover #EA915A hover do primary #C2663B brand · pressed #C2663B estado pressionado · CMYK #F0A872 brand · fg #F0A872 amber como TEXTO sobre dark ✓ Faça Shippar PR Uma CTA amber por contexto. O olho sabe pra onde ir. ✗ Não faça ABC Três amber é zero amber — e queima o affordance de focus ring. 5.4 Cores semânticas · intent · 4 estados COR DIZ ESTADO, NÃO IMPORTÂNCIA IntentSolidForegroundSubtle fillBorderQuando Success#5ec27e#7ad79argba(94,194,126,0.12)rgba(94,194,126,0.40)Run passed, PR merged Warning#e0b04a#f0c875rgba(224,176,74,0.12)rgba(224,176,74,0.40)Deploy stale, eval degradando Danger#e07a7a#e89898rgba(224,122,122,0.12)rgba(224,122,122,0.40)Quebrado, destrutivo Info#7aa2e0#9ab9e8rgba(122,162,224,0.12)rgba(122,162,224,0.40)Changelog, hint, dica ✓ Faça Merged StatusPill com dot + subtle fill + border + ink-secondary. Calmo em telas densas. ✗ Não faça Merged Fill sólido em pill ≥ 24px exaure o olho. Solid fica reservada ao dot. 5.5 Paleta de identidade · 10 hues AVATARS · ESTÁVEL-POR-HASH Hash do UUID → slot. Mesma pessoa = mesma cor em todo lugar (avatar, owner tag, mention chip). Nunca reaproveitar como UI. #E07A4A member-amber #E07A4A avatar fill · identidade #7AA2E0 member-blue #7AA2E0 avatar fill · identidade #5EC27E member-green #5EC27E avatar fill · identidade #B58FE0 member-lilac #B58FE0 avatar fill · identidade #E0B04A member-mustard #E0B04A avatar fill · identidade #7AD6CD member-teal #7AD6CD avatar fill · identidade #E07A7A member-coral #E07A7A avatar fill · identidade #7AE0A8 member-mint #7AE0A8 avatar fill · identidade #E0B8A8 member-peach #E0B8A8 avatar fill · identidade #9AA8E0 member-periwinkle #9AA8E0 avatar fill · identidade EXEMPLO · AVATAR STACK TFMJARLCDK+8 5.6 Combinações & proporções QUANTO DE CADA COR POR TELA Receita padrão de uma tela DFL 60% page22% panel10% raised4% elev3% brand1% intent Quando uma tela tem 8% brand, está marketing. Quando tem > 15% intent, está alarme excessivo. Calibre. 5.7 Acessibilidade · WCAG · 8 pares testados CONTRASTES VERIFICADOS CombinaçãoRatioWCAG AAWCAG AAAink-primary on surface-page15.8 : 1PASSPASSink-secondary on surface-page10.2 : 1PASSPASSink-muted on surface-page4.9 : 1PASSlarge onlybrand-fg (#f0a872) on surface-page7.4 : 1PASSPASSbrand (#E07A4A) on surface-page4.2 : 1large onlyFAIL bodyink-inverse on brand5.3 : 1PASSlarge onlysuccess-fg on surface-page6.8 : 1PASSPASSdanger-fg on surface-page5.9 : 1PASSlarge only Regra prática: nunca use --brand (#E07A4A) como cor de texto em body. Use --brand-hi (#f0a872) — testado AAA. 5.8 Light mode · editorial QUANDO O DARK NÃO CABE Light mode existe para contextos editoriais: propostas Revera, certificados, livro Alavancagem, longform de blog. App e dashboard ficam dark. Nunca há "alternância de tema" em produto. #F6F1E7 paper #F6F1E7 background editorial #ECE4D2 paper-2 #ECE4D2 card editorial #1A1714 ink-on-paper #1A1714 texto editorial #C2663B brand on light #C2663B amber rebalanceado · ratio 5.1:1 Em light mode, o amber primary muda de #E07A4A para #c2663b para manter contraste. O "slash" da logo segue amber original em light. 5.9 Sub-marca Revera · cor secundária O ÚNICO CASO DE ACCENT #2 Revera herda DFL e adiciona um único accent secundário: info-blue rebalanceado (#5a85c4), usado apenas em decks comerciais Revera e CTAs Revera. Nunca aparece em produto DFL. Regra: amber continua primary em Revera. O blue é "B2B trust", aparece em destaques de número (KPI big, prova social), nunca em CTA principal. #E07A4A revera · primary amber #E07A4A CTA principal · idem DFL #5A85C4 revera · trust-blue #5A85C4 KPI · prova social · só Revera 5.10 Cores em movimento · vídeo · LUT COMO A COR APARECE EM FILME * LUT DFL custom: warm shift +5 mireds, sat −15%, lift slight em sombras. * Highlight clip: never burn out. Sand white é o teto. * Sombras: nunca crush · mantém detalhe em sand-950. * Skin tones: warm-realista. Sem hot-orange. * Lower-thirds: amber +1 frame em entrada · usa stroke amber, não fill. 5.11 Códigos · todas as formas PARA ENTREGAR A DESIGNERS E DEVS CorHEXRGBCMYKHSLOKLCHAmber primary#E07A4A224 / 122 / 740 / 56 / 75 / 1219° 70% 58%0.66 0.13 50Sand 950#0a090810 / 9 / 860 / 60 / 70 / 9030° 11% 4%0.10 0.005 60Sand 50#f6f1e7246 / 241 / 2310 / 3 / 8 / 040° 51% 93%0.96 0.015 90Brand fg#f0a872240 / 168 / 1140 / 38 / 56 / 526° 80% 69%0.78 0.105 55Success#5ec27e94 / 194 / 12655 / 0 / 50 / 18140° 47% 56%0.74 0.130 145Danger#e07a7a224 / 122 / 1220 / 60 / 50 / 120° 64% 68%0.69 0.125 25 --- ## 06 · Tipografia TIPOGRAFIA Quatro famílias com papéis estritos. Barlow Condensed para títulos. Inter para corpo e UI. JetBrains Mono para meta. Georgia para editorial. Cada uma faz uma coisa só. 6.1 As quatro famílias QUEM FAZ O QUÊ Display Barlow Condensed Condensed dá densidade sem encolher. Usa em heroes, h1, h2, qualquer momento que peça presença. Peso permitido 500 · 600 · 700 Source Google Fonts · open source · OFL Fallback Inter Tight · system-ui Min size 22px (smaller usa Inter) Body / UI Inter Workhorse. Body, botões, inputs, labels, h3. Confiável. Sem alma — é por isso que serve. Peso permitido 400 · 500 · 600 · 700 Source Google Fonts · open source · OFL Fallback system-ui, -apple-system, Segoe UI Min size 12px desktop · 14px mobile Mono · Meta JB Mono Para tudo que é dado sobre o dado: timestamps, kbd, IDs, tabular nums, status uppercase, código inline. Peso permitido 400 · 500 · 600 Source JetBrains · open source · OFL Fallback ui-monospace, SF Mono, Menlo Min size 10px (uppercase apenas) Editorial Georgia Texto longo de leitura corrida: livro, blog, manifesto impresso, proposta. Quando aparece, vem em italic 400-700. Peso permitido 400 · 700 (regular · bold) · italic Source System font (Microsoft / Mac) Fallback Times New Roman, serif Min size 13px 6.2 Escala tipográfica · 10 tokens SPEC + AMOSTRA hero Shipping is learning 56 / 56 · 700 · −1px display h2 Section divider 28 / 34 · 600 · −0.3px display page title Plans · runtime do agente 20 / 26 · 600 · −0.2px sans h3 / card Card title em destaque 18 / 25 · 600 sans body-lg Body grande, leitura de chat e prosa. 16 / 25 · 400 sans body-md (default) Body default. 80% das telas de produto. 14 / 22 · 400 sans body-sm Body compacto. Table cells, secondary text. 13 / 20 · 400 sans label Form label · dense UI 12 / 17 · 500 sans mono-data 12.4ms · 142 runs · 87% pass · #a3f2c1 12 / 20 · 400 mono mono-uppercase last updated · 2h ago · in progress 10.5 / 15 · 500 · 0.6px mono · uppercase 6.3 Hierarquia editorial · spread COMO UMA PÁGINA LONGA SE ORGANIZA — Capítulo 03 · Voz & linguagem Como a DFL fala A voz é o ativo mais barato e mais difícil de copiar. Definir em frases curtas o que dizemos e o que não dizemos é o primeiro contrato com qualquer leitor. — Princípio 01 Prova > adjetivo Texto de prova com Inter 14. Direto, sem hedging, sem qualificadores defensivos. Padrão: mono-eyebrow → display title → Inter subtitle → mono-eyebrow → display h2 → body. 6.4 Pareamentos · 6 contextos O QUE COMBINA ContextoPairingPor quêHero / coverBarlow 700 + Inter 16 + JB Mono 10.5Display denso + body confortável + meta operacionalApp shellInter 20/600 + Inter 14/400 + JB Mono 10.5Inter resolve UI inteira. Mono pra status bar.Dashboard / dadosInter 14 + JB Mono 12 tabularInter pra label, mono pra númeroEditorial / blogBarlow 700 + Georgia 17 italic + JB Mono 10.5Display + leitura serif + meta operacionalProposta ReveraBarlow 700 + Inter 15 + Georgia 13 footnoteDisplay sério + body sans + serif marca formalidadeCertificadoBarlow 700 + Georgia 18 italic + JB Mono 11Marca ritual com serif + ID mono 6.5 Regras · floors, ceilings, do/don'ts AS 10 NÃO-NEGOCIÁVEIS * Floor body: 12px desktop · 14px mobile. * iOS input rule: any input · 16px mínimo (evita auto-zoom). * Mono uppercase quando é meta. Mono case-sensitive quando é código/dado. * Barlow Condensed nunca em body. A condensação prejudica leitura longa. * Inter italic só em ênfase. Não estilizamos parágrafos inteiros · pra isso existe Georgia. * Letter-spacing só em mono uppercase (0.6–0.8px) e em display ≥48px (negativo, −0.5 a −2px). * Tabular nums obrigatório em colunas numéricas e dashboards. * Line-height mínimo: 1.2 em display, 1.4 em body, 1.6 em prosa. * Max line-length: 72ch em prosa, 90ch em UI. * Hyphen automático off para títulos · on para body longo. ✓ Faça LAST UPDATED · 2H AGO · STATUS · IN PROGRESS Mono uppercase para meta. Some no ruído. ✗ Não faça Last updated · 2h ago · Status · In progress Inter para meta compete com conteúdo. Perde o aspecto 'developer-tool'. 6.6 OpenType features · numerals · ligatures FEATURES ATIVADAS FeatureQuandoCSStabular-numsColunas numéricas, dashboards, KPIsfont-variant-numeric: tabular-numsoldstyle-numsBody editorial, livrofont-variant-numeric: oldstyle-numsliga (Inter)Default · sempre ONfont-feature-settings: "liga"calt (Inter)Default · sempre ONfont-feature-settings: "calt"ss01 (Inter · "a" alternativo)Desativado · prefiro shape default—ss02 (Inter · "g" single-story)Desativado—fracReceitas, livros · 1/2, 1/4font-feature-settings: "frac" 6.7 Localização · diacríticos · multi-script PT-BR + EN + FUTURO GLOBAL * PT-BR: Barlow Condensed e Inter ambos têm suporte completo a diacríticos (ã, ê, ç). * EN: idem · sem ajuste. * Espanhol: suporte completo nas três famílias · pré-aprovado para LATAM. * Asiáticos (futuro): Noto Sans CJK como fallback. Inter+CJK pairing pre-aprovado para JP/KR. * Hebraico/Árabe: ainda não testado. Necessita audit se for usar. 6.8 Performance · fonts loading WEB · SELF-HOSTED * Self-hosted em brand/fonts/ · WOFF2 + WOFF + TTF backup. * Subsetting: Latin + Latin Ext + PT-BR diacríticos. Reduz peso ~60%. * Preload Inter 400 · Inter 600 · Barlow 700 (3 críticos). * font-display: swap · evita FOIT. * Fallback metric overrides: ajusta system-ui pra match Inter (size-adjust, ascent-override). * Lazy load: JetBrains Mono e Georgia (não-crítico) lazy. @font-face { font-family: "Inter"; src: url("/brand/fonts/inter-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; } /* preload no */ 6.9 Spacing tipográfico · vertical rhythm COMO O TEXTO RESPIRA SequênciaSpacingTokenh1 → body32pxspace-8h2 → body24pxspace-6h3 → body16pxspace-4parágrafo → parágrafo16pxspace-4lista item → item10pxspace-2.5section → section72pxspace-18chapter → chapter96px+space-24 --- ## 07 · Iconografia ICONOGRAFIA & ILUSTRAÇÃO Grid 24px · stroke 1.5px · cantos suaves · sem fill. Iconografia funcional, não decorativa. Ilustração: não temos. Foto, placeholder honesto ou diagrama. 7.1 Estilo de ícones · spec GRID 24PX ParamValorNotasGrid base24 × 24pxLive area 20 × 20 (2px padding)Stroke1.5pxConstante em todos os tamanhosLinejoinroundPontas e dobras suavesLinecaproundIdemFillnoneOutline default · fill só em status dotTamanhos canônicos14 · 16 · 18 · 20 · 2414 chip · 20 default UI · 24 button grandeCor defaultcurrentColorHerda do texto · nunca cor fixa no SVGNamingkebab-case · semanticplan.svg · drift-signal.svg · não icon-1.svg 7.2 Biblioteca DFL · 16 ícones específicos CONCEITOS DA RUNTIME ship plan harness brain drift merge sandbox agent fellow repo eval focus paperclip episode run lock Conjunto canônico DFL. Conceitos da runtime ganham ícone próprio. UI genérica (search, settings, close, chevron) usa Lucide-react com mesmo grid. 7.3 UI genéricos · Lucide-react O QUE NÃO CRIAMOS Para UI genérico, usamos Lucide-react — biblioteca open-source com mesmo grid 24, stroke 1.5. Lista pré-aprovada: searchmenuxchevron-downchevron-rightarrow-rightplusminussettingsuserusersmailbellcalendarclockfiltermore-horizontalexternal-linkcopytrasheditcheckalert-circleinfogithubtwitterlinkedin Quando uma necessidade de ícone aparece, primeiro checar Lucide. Só criar custom se for conceito DFL-específico. 7.4 Como criar um novo ícone WORKFLOW * Primeiro pergunte: dá pra reusar? 80% existe em Lucide. * Se for conceito DFL-específico (runtime), cria. Plans, harness, drift, episode. * Desenha no grid 24 × 24, mantém 2px padding. Figma ou direto SVG. * Stroke 1.5px, round caps. Testa em 14px e em 28px. * Sem fill. Sem gradient. Sem cor hard-coded. * Submit como PR em dfl-components/icons. Acompanha uso real + teste visual. 7.5 Sizing · contexto QUANDO USAR QUAL TAMANHO TamanhoContextoCor típica14pxChip · badge · inline em labelink-muted16pxMenu item · breadcrumbink-secondary18pxButton md · table headerink-secondary20pxButton lg · header app · sidebarink-primary24pxEmpty state · feature card · herobrand28-40pxHero feature · big stat decorationbrand 7.6 Ilustração · posição: não temos FOTO > PLACEHOLDER > DIAGRAMA DFL não tem estilo de ilustração próprio. Deliberado. Ilustração custosa de manter ⨯ baixo retorno em produto operacional ⨯ alto risco de "AI slop look". * Layout pede imagem? → placeholder honesto (SVG striped + label mono). * Conteúdo exige imagem real? → foto (cap. 08), nunca ilustração. * Visualizar conceito? → blocos + linhas no estilo runtime. [ fellow shot · 4:3 ] Placeholder honesto · faltando imagem plan exec harness Diagrama-de-blocos · estilo runtime [ photo · 1.6:1 ] Foto real · use sempre que possível 7.7 Emoji & pictograma POSIÇÃO: MUITO RARO Em produto: nunca. Em canal interno fellow (TG, Discord): tudo bem, faz parte do registro corrido. Em marketing público: nunca. ✓ Faça canal interno fellowPR aberto 🚢 — esperando harness rodar Emoji em canal interno fica natural. Faz parte do registro corrido. ✗ Não faça LinkedIn DFL🚀 Lançamos o novo programa! 💪 Para devs que querem 🤖 + 🧠 + 🎯 Emoji em marketing soa 2017. Substitui voz por decoração. EMOJI PERMITIDOS · USOS INTERNOS 🚢 ship✅ done⚠️ warn🔥 hot🧠 brain🚀 launch📋 plan🐛 bug✨ new Lista curta. Não usar emoji de bandeira, comida, animal, exceto em contexto explícito. 7.8 SVG export · spec técnica COMO SALVAR Sempre currentColor · nunca cor fixa. ViewBox 0 0 24 24. SVGO optimization activated em build. --- ## 08 · Imagem IMAGEM & FOTOGRAFIA Direção documental — pessoas reais, ambientes reais, sem encenação. Quando não tem foto pronta, placeholder honesto > stock genérico. Foto é prova, não decoração. 8.1 Direção · o que filmamos MOOD & COMPOSIÇÃO O QUE BUSCAMOS * Pessoa olhando pra tela, não pra câmera. Trabalhando, não posando. * Setup real (mesa do fellow), iluminação natural ou neutra. Sem flash duro. * Profundidade rasa quando focar pessoa; profundidade total quando ambiente. * Composição com respiração — assunto descentralizado, regra dos terços. * Paleta low-sat: madeira clara, sand, off-white, ocres. * Mãos digitando, terminal aberto, post-it com plan. O QUE EVITAMOS * Stock corporativo "diverse team smiling at laptop". * Foto encenada com sorriso pra câmera. * Saturação alta, lente fish-eye, filter trendy. * Mockup de tela com "AI generated UI" inventada. * "Generative AI illustration" — sem exceção. * Foto noturna cyberpunk · neon · vibe matrix. 8.2 Categorias canônicas · 8 O QUE CADA TIPO DE IMAGEM MOSTRA 1.6:1 FELLOW @ WORK Pessoa real trabalhando. Tela legível ou desfocada. 1.6:1 TIME / HUB Cena coletiva, baixa direção. Ambiente DFL. 1:1 ou 4:5 SETUP / OBJETO Detalhe — teclado, post-it, terminal. 16:9 EVENTO / MEETUP Documental. Plateia + speaker. 4:5 PORTRAIT TAINAN Direto, sem sorriso forçado. Olhar lateral OK. 4:5 PORTRAIT FELLOW Idem · semi-formal · com setup atrás 16:9 ou 1.6:1 SCREENSHOT UI Tela real, em prod, chrome neutro. 1:1 DETALHE ARQUITETURAL Macro · post-it · note book · café. 8.3 Tratamento · cor · contraste · grain LUT DFL CUSTOM ParamValorNotasColor castWarm · +5 a +10 miredsCombina com sand do sistemaSaturação−10 a −20%Tira o "Instagram look"ContrasteMédio · curva S leveSem crush em sombraHighlights−10Recuperação suave em janela / monitorVinheta0Não usamosGrain+5 fine grain (opcional)Em foto de evento · dá textura editorialFiltros estilizadosNãoSem B&W estilo · sem duotoneCrop ratio4:5 portrait · 16:9 land · 1:1 socialResto, evitarMin resolução2400px lado maiorPrint + retinaFormat exportJPG q85 · WebP q80 · AVIF q753-format fallback 8.4 Como retratamos pessoas · 6 regras FELLOWS · CLIENTES · TIME * Fellows são protagonistas. Foto em material DFL = fellow real, não modelo. * Consentimento sempre. Toda foto de fellow precisa release assinado. * Diversidade real, não cota visual. Foto reflete a coorte. Não montamos. * Tela > rosto. Quando a história é o trabalho, foco vai pra tela. * Tainan ≠ marca. Tainan é founder, não mascote. Pode aparecer, não TEM que aparecer. * Crédito visível. Todo material publicado credita o fotógrafo em mono uppercase. 8.5 Banco de imagens & sources DE ONDE PUXAR TipoSource primárioSource secundárioFoto DFL (fellow, evento, hub)Banco interno /brand/photosFotógrafo contratado · brief próprioScreenshot de produtoApp rodando em prod · captura @2xMock do design-system v0Foto de stock (last resort)Unsplash · busca curada · usuário verificadoBanco interno editadoÍcone / pictogramaLucide-reactSVG custom DFL (cap. 07)Foto histórica / referênciaPublic domain · WikimediaCitar fonte obrigatoriamenteB-roll vídeoFilmado internoPond5 · Artgrid (last resort) 8.6 Placeholders honestos · 6 tipos QUANDO NÃO TEM IMAGEM Falta foto e o layout precisa preencher o espaço? Não invente. Coloca placeholder honesto. [ fellow @ work · 1.6:1 ] Stripe-warm · default [ harness ui · 16:9 ] Stripe-cool · screenshot pendente [ portrait fellow · 4:5 ] Sólido sand · portrait pendente [ icon · 1:1 ] Dot pattern · ícone pendente [ chart · 16:9 ] Cross-hatch · gráfico pendente / Slash gigante · marca pendente 8.7 O que NÃO usamos · lista negra BANIDO * Generative AI illustration. Mascote 3D estilo Pixar, hand-drawn-AI, "isometric people". * Stock corporativo genérico. "Business team high-five". "Diverse smiling group". * Cliché tech. Mão segurando hologram, código verde matrix, gears flutuando. * Foto de tela inventada. Se produto não existe ou não está em prod, placeholder. * Brasilidade visual forçada. Sem amarelo-verde-azul, sem azulejo, sem Paulista pôr-do-sol. * Sorriso de banco. Foto de "consultor sorrindo". * Mãos digitando teclado prateado em fundo branco.. * Lousa branca com fórmula matemática complexa. 8.8 Composição · 5 regras COMO ENQUADRAR * Regra dos terços. Sujeito em 1/3 vertical e 1/3 horizontal. Nunca centro perfeito. * Headroom mínimo. 5-10% acima da cabeça em portrait. Sem corte de testa. * Linha do olhar livre. Sujeito olha para dentro do frame, não pra fora. * Foreground / midground / background. 3 camadas dão profundidade. * Negative space proposital. 30-40% vazio para texto ou respiro. 8.9 Alt text · acessibilidade COMO DESCREVER UMA FOTO * Descrever o que está acontecendo, não o que é. "Maria revisando harness output no terminal" > "uma mulher trabalhando". * Mencionar características relevantes sem reduzir a pessoa a elas. * Máximo 125 caracteres. Mais que isso é narrativa, não alt. * Nunca "DFL logo" como alt text. Descreva o conteúdo da imagem específica. * Foto decorativa: alt="" (vazio explícito). 8.10 Direção fotográfica · brief padrão O QUE MANDAR PRO FOTÓGRAFO # brief · foto DFL · sessão YYYY-MM-DD contexto: [1 parágrafo · o que é a DFL · o que vamos usar a foto pra fazer] mood: - warm + low-sat (cap. 8.3) - documental · pessoa trabalhando, não posando - profundidade rasa em portrait · total em ambiente shot list: 1. fellow @ work (10 frames · 1.6:1) 2. detail · keyboard / post-it (5 frames · 1:1) 3. portrait fellow (3 fellows · 5 frames cada · 4:5) 4. ambiente · hub (15 frames · misto) 5. tainan portrait · serial (10 frames · 4:5) no-go: - sorriso pra câmera - prop stock - flash duro - saturação acima de 80% entrega: - RAW + JPG q85 + WebP q80 - ratio crops já feitos - metadata · IPTC com créditos — release assinado por todos · brand/photos/releases/ --- ## 09 · Grafismos GRAFISMOS & ELEMENTOS VISUAIS A barra-slash como assinatura. Stripes diagonais sand como padrão único. Dataviz com a mesma economia. Decorações? Quase nenhuma — quando aparecem, são propositais. 9.1 A barra-slash como assinatura O ÚNICO GRAFISMO RECORRENTE A barra / da logo é o único elemento gráfico recorrente da DFL. Aparece como separador, acento, divider, bullet — sempre em amber, sempre em mesmo tratamento. São Paulo / global Separador inline /plans /harness /brain Bullet de lista /SHIP Acento de hero · rotated / Marca d'água · canto / Divider centralizado ////// Stencil pattern · repetido 9.2 Padrões & texturas · stripes ÚNICO PATTERN OFICIAL Stripes diagonais a 135°, em duas variações de sand + uma amber para uso ritual. stripe-warm · contraste alto stripe-cool · contraste baixo stripe-brand · uso ritual dot grid · subtle cross-hatch · technical amber gradient · ritual Stripes nunca cobrem texto. Sempre background-de-suporte, atrás ou ao lado. 9.3 Sistema de grid 12-COL / 8-COL / 4-COL Marketing & editorial 12 COLUNAS · GUTTER 24PX · MAX 1280PX App shell SIDEBAR 224 · MAIN FLUID · CONTENT MAX 1280 side main · max 1280 BASELINE · 4PX Toda altura, gap e padding é múltiplo de 4px. Passos usados: 4 · 8 · 12 · 16 · 20 · 24 · 32 · 40 · 48 · 64 · 80. Nada fora. 9.4 Elementos recorrentes · 6 HAIRLINE · MONO-EYEBROW · SLASH-DIVIDER · ETC hairline-divider · 1px border-subtle — Section · 03 mono-eyebrow · início de seção / slash-divider · quebra editorial * /plans * /harness * /brain bullet de lista · slash In progress badge · status mono ⌘ K kbd · keyboard hint 9.5 Dataviz · gráficos & dashboards VISUALIZAÇÃO DE DADOS Dataviz segue o sistema: 1 série em amber, intent para estado, mono pra eixo & rótulo. Sem 3D, sem sombra, sem gradient. Line chart · uma série amber + grid hairline Bar · ranking · intent variant para outliers Area chart · empilhado Donut · 3 segmentos · intent * Série principal sempre amber. Comparação usa muted neutral. * Grid 1px --border-subtle. Eixos não recebem cor. * Eixo, rótulo, valor — sempre mono. Tabular nums. * Sem legenda flutuante. Inline annotation > legend separada. * Outliers ganham cor de intent (danger queda, success alta). 9.6 Diagramas técnicos · 4 layouts COMO DESENHAR A RUNTIME DFL PLAN EXEC HARNESS BRAIN Plans · Exec · Harness · Brain — fluxo canônico INPUT TRANSFORM OUTPUT Vertical · pipeline Network · 3-node Cycle · loop Nós são retângulos com radius-md, label em mono uppercase. Conexões são linhas amber de 1-2px. Sem seta — direção dada por leitura. 9.7 Composição editorial · 8 layouts canônicos POSTERS · SPREADS · CAPAS LayoutEstruturaQuandoHero-with-slashSlash gigante canto + título centro + mark canto opostoPoster · capaStat-ledNúmero 200pt amber + label mono pequeno + 1 frase contextoAnúncio · socialEditorial-quoteSlash + Georgia italic grande + cite em monoManifesto · spread4-col grid4 cards stat ou feature alinhadosLanding seçãoSplit 60/40Texto à esquerda · visual à direitaHero de landingFull-bleed photoFoto cobre tela · overlay sand-dark · texto inferiorFellow spotlightDiagram-ledDiagrama central · texto periféricoComo funcionaStripe-frameStripe pattern só em bordas · conteúdo centroCover de capítulo 9.8 Quando usar grafismo · economia DECORAÇÃO NÃO É O TRABALHO * 1 elemento gráfico por composição. Slash OU stripes OU dot pattern · não os três. * Slash > tudo. Quando dúvida, slash. É o elemento mais reconhecível. * Stripes pra quebra de seção. Não pra "preencher". * Dot grid pra contexto técnico. Diagramas, fundo de timeline. * Cross-hatch pra material editorial. Livro, proposta. * Gradient pra hero. Sutil · radial · canto. --- ## 10 · Layout LAYOUT & COMPOSIÇÃO Densidade calibrada — nem terminal cramped, nem shadcn loose. Hierarquia por superfície e espaço, não por shadow ou border-accent. Respiração é decisão, não default. 10.1 Princípios · 8 COMO COMPOMOS UMA TELA * Hierarquia por superfície. panel → raised mostra importância. Nunca border-accent ou shadow. * Respiração consciente. Padding default 20px em card, 24px em seção, 64px entre seções. * Linhas dentro · espaço entre. Items em lista têm hairline divider. Cards entre si têm 32px respiração. * Tipografia faz hierarquia, não cor. Tamanho, peso, mono-eyebrow. * Densidade adequada à tarefa. Dashboard pode ser denso. Landing precisa de ar. * Alinhar à grid. Sem pixels intermediários · sempre 4px múltiplos. * Content-first. Layout serve conteúdo, não o contrário. * Mobile-first em produto. Marketing pode ser desktop-first se faz sentido. 10.2 Spacing scale · 4px base TOKENS COMPLETOS TokenValorUso típicospace-00Resetspace-14pxGap mínimo, dot a labelspace-28pxGap chip↔label, icon button paddingspace-312pxGap dentro de row densaspace-416pxGap entre form fieldsspace-520pxPadding default de cardspace-624pxPadding interno de seçãospace-832pxGap entre cards irmãosspace-1040pxMargem entre blocos grandesspace-1248pxTop/bottom de section em landingspace-1664pxEntre page sectionsspace-2080pxEntre chapter blocks editorialspace-2496pxHero padding · capítulo 10.3 Breakpoints · mobile-first 6 TIERS TokenMin-widthComportamentophone0Single-column, drawer nav, body 14px floorsm6402-col grids OKmd768Sidebar permanente, KPI cards 4-collg1024Target principal de layoutxl1280content-max-width (1280px) limita2xl1536Gap extra · nada estrutural 10.4 Templates canônicos · 8 composições AS QUE SE REPETEM App · Shell SIDEBAR + HEADER + MAIN + STATUSBAR Marketing · Hero HERO FULL-BLEED + 3-COL FEATURES + CTA Editorial SIDEBAR TOC + COLUNA ÚNICA MAX 760PX Dashboard 4 KPI ROW + CHART + TABLE Kanban HEADER + COLS SCROLL-X SNAP Detail LIST + RIGHT SHEET 480PX Form / wizard STEPPER TOPO + CONTENT CENTRO + ACTIONS RODAPÉ Modal / sheet BACKDROP + DIALOG CENTRO 10.5 Adaptação mobile DESKTOP → MOBILE · REGRAS DesktopMobile (≤880px)Grid 3–4 colStack 1 colSidebar permanenteDrawer + hamburgerTab bar longaScroll-x com snapKanban colunasScroll-x snap por colunaInline editTap-to-edit sheetButtons 30–34pxButtons 40–44pxBody 14pxBody 14px floor (input 16px!)Hover statesActive states explícitosTooltipsLong-press ou inline helpRight sheet 480pxFull-screen ou bottom drawer Hard rule: nunca tem overflow-x. 10.6 Hit targets · touch 44 · 48 · 56 TokenValorUsotouch-target44 × 44pxMínimo absoluto em mobiletouch-comfort48 × 48pxDefault mobile · CTAs primárias, FABtouch-feature56 × 56pxSingle-action screens (record, send) Hit area pode exceder o visual via padding invisível — o que conta é onde o dedo acerta. 10.7 App shell canônico A COMPOSIÇÃO-MÃE DO PRODUTO ┌─ header (56px) ─────────────────────────────────┐ │ │ ├─ sidebar ─┬─ main ──────────────────────────────┤ │ 224px │ contentMaxWidth: 1280px │ │ 56px │ padding: spacing.6 (24px) │ │ collapsed │ │ ├───────────┴─────────────────────────────────────┤ │ statusbar (24px) · mono-uppercase │ └─────────────────────────────────────────────────┘ 10.8 Z-index · layering HIERARQUIA DE CAMADAS LayerZ-indexConteúdobase0Conteúdo de páginasticky10Header, sidebar fixosdropdown20Menu, autocompletetooltip30Tooltips, popoversmodal-backdrop40Scrim de modalmodal50Dialog, sheet, drawertoast60Notificações transientes Nunca usar z-index arbitrário (999, 9999). Sempre token nomeado. 10.9 Grid responsivo · receitas LAYOUTS QUE SE ADAPTAM /* 1 / 2 / 3 / 4 cols responsivo */ .bg-grid-auto { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: var(--space-6); } /* sidebar + main */ .bg-app { display: grid; grid-template-columns: 224px 1fr; } @media (max-width: 880px) { .bg-app { grid-template-columns: 1fr; } } /* container max-width */ .bg-container { max-width: 1280px; margin-inline: auto; padding-inline: var(--space-6); } --- ## 11 · Motion MOTION & INTERAÇÃO Motion serve à clareza: comunica relação causal, suaviza transição de contexto, confirma ação. Curvas rápidas, sem easing dramático. Microinterações pequenas e consistentes. 11.1 Princípios · 8 QUANDO FAZ SENTIDO ANIMAR * Motion comunica relação. A → B precisa mostrar de onde A virou B. * Rápido por default. 120–220ms cobre 90%. Acima de 320ms só em page transition. * Easing standard ou ease-out-snap. Sem bounce, elastic, spring exagerado. * Reduzir motion = respeitar. prefers-reduced-motion desliga tudo não-essencial. * Não animar em loop. Loading spinner exceção. Pulsa "pra atenção" → some. * Direção espacial faz sentido. Sheet vem do lado · drawer de baixo · dropdown pra baixo. * Stagger sutil. Items em lista podem entrar com 30ms stagger. Não mais. * Performance > estilo. Anima só transform/opacity. Nunca width/height. 11.2 Tokens · easing & durations OS TOKENS COMPLETOS TokenValorUsoduration-instant80msColor shift micro · sem percepçãoduration-fast120msHover, focus, color shiftduration-base180msDefault — open/close, expandduration-medium220msDialog enter, sheet slideduration-slow320msPage transition · last resortduration-deliberate600msLogo intro · hero · cinematicease-standardcubic-bezier(0.4, 0, 0.2, 1)Defaultease-outcubic-bezier(0, 0, 0.2, 1)Entradasease-incubic-bezier(0.4, 0, 1, 1)Saídasease-snapcubic-bezier(0.2, 0.8, 0.2, 1)Confirmação · ship pulseease-linearlinearProgress bars, scroll-tied 11.3 Microinterações canônicas · 12 AS QUE SE REPETEM Button hover 120MS · EASE-STANDARD Cor de fundo muda. Sem scale. Sem shadow novo. Sem ripple. Focus ring 0MS · SEM TRANSITION Focus aparece imediato. Animar focus é prejudicar a11y. Dialog enter 220MS · EASE-OUT · FADE+SCALE(0.96→1) Scrim fade-in junto. Toast in/out 180MS · EASE-OUT · SLIDE-FROM-TOP+FADE Vida útil 4s. Saída 180ms ease-in. Sheet slide 220MS · EASE-OUT De fora da viewport. Scrim fade junto. Tab switch 180MS · EASE-SNAP Underline amber desliza para nova tab. Skeleton shimmer 1400MS · LINEAR · LOOP Único loop permitido. Status pulse 320MS · EASE-SNAP · DOT 1× Status dot pulsa quando muda. Sem repeat. Logo intro (vídeo) 420MS · EASE-SNAP · SLASH ÚLTIMO DFL fade-in 200ms; slash entra com scale snap. Accordion expand 180MS · EASE-STANDARD · MAX-HEIGHT Sem chevron rotate exagerado · max 90°. Drag-and-drop MS-BY-TOUCH · TRANSFORM-TIED Sem snap dramático · libera no drop position. Notification badge appearance 180MS · EASE-SNAP · SCALE(0→1) Sem bounce duplo. 11.4 Transições · entre páginas · entre estados POLÍTICA DE TRANSITION * Entre páginas (app): nenhuma transition. Trocar página é instantâneo. * Entre estados (mesmo componente): 120ms color/opacity. 180ms size/position. * Entre views drill-in: 220ms slide-from-right; back slide-to-right. * Modal/sheet/drawer: 220ms ease-out enter; 180ms ease-in exit. * Hero animation marketing: 600–800ms tolerado · 1× por sessão. * Route change marketing: 320ms cross-fade · não escudo de slide. 11.5 reduced-motion · a11y O CONTRATO COM ACESSIBILIDADE @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; } } Tudo em motion no DFL precisa ser cancelável via essa media query. Se algum efeito exige animação para fazer sentido (ex.: progress bar), substituir por estado discreto, não por motion. 11.6 Performance · o que evitar ANIMAÇÕES QUE NÃO CUSTAM FRAME AnimaNão animaPor quêtransformleft/topTransform usa compositor · não causa reflowopacityvisibilityOpacity é GPU · visibility não animafilter (use raro)box-shadow contínuoShadow muda paint em cada framescale via transformwidth/heightLayout repaint expensivebackground-positionbackground-imageCarrega asset · slow Antes de adicionar transition, pergunte: anima ou re-rendera? Se re-rendera, não anima. 11.7 Storyboard · entrar em uma seção EXEMPLO CONCRETO /* hero entra · 600ms total · ease-out · staggered */ @keyframes hero-eyebrow-in { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } } @keyframes hero-title-in { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } } @keyframes hero-slash-in { from { opacity: 0; transform: scale(0.7); } to { opacity: 1; transform: scale(1); } } .hero-eyebrow { animation: hero-eyebrow-in 220ms ease-out 0ms both; } .hero-title { animation: hero-title-in 320ms ease-out 100ms both; } .hero-slash { animation: hero-slash-in 220ms ease-snap 220ms both; } .hero-body { animation: hero-title-in 320ms ease-out 320ms both; } .hero-cta { animation: hero-title-in 320ms ease-out 440ms both; } Total 600ms · 5 elementos com stagger de 100-220ms · cada um aparece quando o anterior está terminando. 11.8 Anti-padrões · 8 vícios MOTION QUE MATA UX * Parallax pesado. Faz a página parecer flutuante. Sem cabeça em prod. * Auto-rotating carousels. Carousel só com swipe explícito. * Bounce ao final. "Spring overshoot" estilo iOS 2008. Dramático sem ganho. * Hover scale ≥ 1.05. Empurra layout · re-paint · cardápio de motion-sickness. * Loading com mais de 1 sinal. Spinner + skeleton + progress = 3 ruídos. * Animação que esconde estado. Animar uma tela inteira fade-in ao trocar de aba esconde quando carrega. * Confete celebrativo. Sem confete. Sem fogos. Status sólido + número + pronto. * Cursor follow effects. Cursor magnético, cauda de partículas — DFL não. --- ## 12 · Aplicações Digitais APLICAÇÕES DIGITAIS Onde a marca vive de verdade — 14 apps, 3 landings, GitHub orgs, internal tools, Telegram. Este capítulo é uma biblioteca: templates prontos pra cada formato que a DFL toca. Pegue, ajuste a copy, publique. 12.1 Mapa · onde a marca aparece SURFACE INVENTORY COMPLETO Apps DFL · web + mobile * dfl-learn · plataforma de aprendizado * dfl-financing · finanças do fellow * dfl-flows · orchestration * dfl-rec / lesson-studio · gravação + edição de aula * dfl-plans · planos públicos * dfl-brain · knowledge graph * dfl-components · design system * dfl-harness · eval framework * dfl-process-mining · análise de runs * dfl-bmcanvas · business model canvas * dfl-apps · launcher * dfl-notifications · central de notif * dfl-fellow-portal · portal do fellow * books-app · leitor de Alavancagem Outros surfaces LANDING PAGES * devfellowship.com — master · público externo · dark * revera.* — B2B · light editorial + dark sections * tainanfidelis.com — bridge pessoal · dark · autoral * alavancagem.devfellowship.com — livro · editorial serif GITHUB & DOCOPS * devfellowship org · social preview, README, releases * taigfs bridge pessoal-Tainan * READMEs canônicos com header DFL/produto SOCIAL * Instagram @devfellowship + @taigfs * LinkedIn DFL + Revera + Tainan * X / Twitter @devfellowship + @taigfs * YouTube · TikTok · Podcast feed CANAIS INTERNOS * Telegram · Discord · paperclip board * Notion espaço DFL · plans · brain · ADRs * Substack newsletter 12.2 Componentes UI · canônicos OS BLOCOS QUE SE REPETEM EM TODO APP Componentes vivem no registry dfl-components-cli (shadcn-style). App nunca copia-cola — sempre puxa do registry com npx dfl add. BOTÕES · 6 VARIANTES PrimarySecondaryGhostDeleteConfirmLink → Hierarquia: 1 primary por contexto. Cada botão cobre default · hover · active · focus · disabled · loading. INPUTS · ESTADOS Default Hover Focus Error STATUSPILL · 13 ESTADOS DraftPlanningIn progressReviewBlockedDoneArchivedOpenClosedTodoDoingStuckCancelled CARDS · 3 VARIANTES variant · default Plans #042 · onboarding-revera Última atualização há 2h por Tainan. 3 ADRs lockados. Aguardando harness run. variant · raised Plans #042 · onboarding-revera Última atualização há 2h por Tainan. 3 ADRs lockados. Aguardando harness run. variant · interactive Plans #042 · onboarding-revera Última atualização há 2h por Tainan. 3 ADRs lockados. Aguardando harness run. APP ICONS · WEB side sidebar src search + plus fil filter set settings notif bell time clock link link shr share ··· more 12.3 Sistema de templates · visão geral 14 RECEITAS VISUAIS · APLICADAS EM 7 FORMATOS A biblioteca abaixo é um cardápio. 14 receitas visuais (manifesto-card, big-stat, slash-hero, terminal, debate, etc.) re-renderizadas em 7 formatos (IG feed/stories/reels, TikTok, YouTube thumb, LinkedIn, X, AppStore, landing). Pegar uma receita + um formato dá um template pronto. RECEITAS VISUAIS ReceitaUso típicoSinal-chavemanifesto-cardFrase do manifesto isoladaBarlow grande + slash + amber em palavra-pivôbig-stat1 número que faz a históriaNúmero 80–220pt amber + label mono pequenoslash-heroAnúncio / brand dropSlash gigante decorativo + título curtoeditorial-quoteCitação · papel sandGeorgia italic + slash amber + mono attributionfellow-spotlightPessoa real em destaqueFoto bleed + gradiente + dados em monoterminalBastidor técnicoJB Mono + prompt + barra amber em ponto-chavediagramConceito da runtimeBlocos + linhas amber + numeração mononumbered-seriesThread / carrossel"01 / N" no canto · cor primária amberdrop / KPI gridAnúncio com 4 datas/númerosGrade 2×2 de mini-statsdebate · splitX vs Y · before/afterTela dividida ao meio · "VS" entredata-chartCaso com prova visualLinha amber + Barlow display ao ladotalking-headVídeo · entrevistaFoto bleed + gradiente lateral + captionlisticle 3×"3 razões" · "5 erros"3 mini-cards numerados embaixo do títuloannouncement-amberAnúncio importanteBackground brand inteiro · texto dark 12.4 Instagram · feed (1080×1080) 9 TEMPLATES PRONTOS · RATIO 1/1 Feed @devfellowship — alterna manifesto-card, big-stat, fellow-spotlight e editorial-quote para criar ritmo. Não publique 3 manifestos seguidos: o feed perde respiração visual. — manifesto · 04 Tokens don't matter. Autonomy does. DFL/devfellowship.com IG feed · manifesto-card — overnight · 19 mai 2026 11 PRs mergeados enquanto eu dormia. DFL/ IG feed · big-stat / — fellowship · 2026 Ship is learning. DFL/ IG feed · slash-hero [ fellow shot 1:1 ] — FELLOW · COORTE 03 Maria Justi shippa em prod. + 42 PRs · 12 ADRs · 89% pass IG feed · fellow spotlight / "A próxima vantagem competitiva é quão bem você descreve o que quer." — tainan fidelis · 2026-05-19 IG feed · editorial quote — drop · open Coorte 04 aplicações até 30 jul. 120 aplicações 18 vagas set 26 início 12 sem duração IG feed · drop / vaga — $ harness run · 2026-05-19-overnight > spawning 11 subagents > plan: onboarding-revera ✓ > sandbox up · paperclip up > exec ▌ ───────────────────────── episode 03 drift +0.14 episode 07 drift +0.02 episode 11 drift −0.08 ─────────────────────────> 11/11 PR merged "tokens don't matter."DFL/ IG feed · terminal / code — — runtime DFL 01 PLAN decisão durável 02 EXEC agentes rodando 03 HARNESS run grade · drift 04 BRAIN conhecimento conectado 4 blocos · 1 sistemaDFL/ IG feed · runtime diagram — thread · drift = data 01 / 06 Drift escondido vira dívida. Capturado, vira eval. DFL/ IG feed · numbered series · 1/N PADRÃO DE GRID · 9 POSTS Pensa o feed como matriz 3×3 que rola. Para a próxima rolagem, alterna: dark / light / dark · stat / quote / stat · slash / number / slash. Mantém o feed reconhecível mesmo no thumbnail do perfil. 12.5 Instagram · stories (1080×1920) 6 TEMPLATES PRONTOS · RATIO 9/16 Story é o canal mais rápido. Hierarquia: topo com mark, centro com mensagem, rodapé com CTA. Margens internas 8–10% pra UI nativa do IG não engolir. DFL/ — drop · open Coorte 04 set · 2026 aplicações até 30 jul. swipe up · aplicar → IG story · drop [ founder portrait ] / "O gargalo não é o token. É o plan." — tainan · founder DFL IG story · pull-quote — — harness · run 0142 89% eval pass. 11 / 11 PRs mergeados. DFL/ IG story · single-number hero — novo no blog · ler agora The drift is the data. "Por que paramos de medir 'sucesso' e passamos a medir 'drift capturado'." 3 mindevfellowship.com/blog IG story · novo post (link) — bastidor · 2026-05-19 running 11 PRs na fila PR-142 · onboarding-revera PR-143 · harness-cli-flags PR-144 · plans-tg-bot PR-145 · brain-query-cache PR-146 · sandbox-cleanup PR-147 · paperclip-sort ...+ 5 mais DFL/ IG story · bastidor · screenshot frame / — pergunta · responde aí Quanto tempo desde teu último PR em prod? hoje essa semana esse mês há mais DFL/ IG story · question / engagement 12.6 Instagram · reels cover (9/16) 5 TEMPLATES · HOOK OBRIGATÓRIO NOS PRIMEIROS 3S VISUALMENTE Reels cover é o que para o scroll. Texto grande, legível em mute. O cover não precisa "ser bonito" — precisa fazer o dedo parar. 11 PRs em 8h dormindo. reel · 0:42DFL/ IG reel cover · hook gigante [ screen capture · runtime ] — tutorial · 03 Como rodar seu primeiro harness eval. 3 min · 0:00 — 3:14 IG reel cover · tutorial — manifesto · em voz alta / The drift is the data. tainan readsDFL/ IG reel cover · manifesto-line [ fellow portrait 9:16 ] fellow · 03 · 2025 "Em 8 semanas eu shippei mais que em 2 anos." — Maria Justi · fellow 03 IG reel cover · fellow depoimento Antes: 4 anos. Zero PR. Depois: 3 meses. 42 PRs. fellowship · 04 IG reel cover · split top/bottom 12.7 TikTok cover (9/16) 4 TEMPLATES · CAPTION-SAFE TikTok come 30% inferior com caption + CTA nativos. Tudo importante fica no terço central. Anúncios usam o template announcement-amber: fundo brand inteiro garante view sem necessidade de cor. 11 PRs em uma noite. como? continua DFL/ TikTok cover · hook — — por que "tokens don't matter" 3 razões. 1 minuto. Bora. DFL/ TikTok cover · explainer NÃO É O CURSO. É O FLUXO. DFL/ TikTok cover · punchline shock antes 4 anos. Zero PR. depois 3 meses. 42 PRs. DFL/ TikTok cover · before/after 12.8 YouTube · thumbnails (1280×720) 10 VARIAÇÕES · 1 PADRÃO DE CABEÇALHO · 0 CLICKBAIT Thumbnail YouTube é onde a regra "mono uppercase para meta" mais ajuda: o "— EPISODE 07 · 22 MIN" no canto vira reconhecimento de canal. Texto principal sempre Barlow Condensed, 60+ pt no design 1280×720. — — Episode 07 · 22 min The drift is the data. DFL/ [ founder portrait ] YT thumb · hook + episode — — overnight push · ep 05 11 PRs em uma noite. 11 89% eval pass DFL/ YT thumb · big number / — — ep 12 · debate Por que devs seniors estão shippando 5×? DFL/22 min · 1 tese · 0 hype YT thumb · question / mystery [ harness ui · capture ] tutorialrunnable Como rodar harness em 3 min. DFL/ YT thumb · tutorial · UI capture / — manifesto reading · 08 "We are a fellowship, not a factory." — DFL · 2026DFL/ YT thumb · editorial quote tese A · bootcamp certificado + portfolio tese B · DFL PR shipped + rede VS YT thumb · debate / x vs y [ tainan portrait 16:9 ] — — talk · 14 min Plans before code. Sempre. Sem exceção. DFL/ YT thumb · talking head + caption — — data · ep 09 2,3× throughput em 90 dias. cliente revera · 2026 Q1 YT thumb · gráfico + insight — — ep 11 · 18 min 3 razões pra parar de medir tempo. 01mente 02drift 03eval YT thumb · listicle '3 reasons' — anúncio oficial Coorte 04 aplicações abertas. set · 2026 · até 30 julDFL/ YT thumb · grande anúncio ANTI-PADRÕES * Não use rosto com boca aberta + setas vermelhas + emoji de fogo. Não somos YouTuber. * Não escreva o título do vídeo na thumbnail. Thumbnail diz uma coisa, título diz outra. * Não capitalize a frase inteira em formato sentença. Use Barlow Condensed uppercase no sistema, ou caps-on-purpose. * Nunca use mais de duas cores além do sand-stack + amber. Intent colors aparecem só em "data-chart". 12.9 YouTube · channel banner (2560×1440) 2 TEMPLATES · SAFE ZONE RESPEITADA Tudo crítico fica na safe central de 1546 × 423 (linha tracejada no exemplo). Bordas podem ser stripe ou gradient — TV vai cropar. — devfellowship · canal oficial Devs that ship, in prod, every day. tutorials · talks · manifesto reads · overnight push diaries YT channel banner · safe central area marcada / "Shipping is learning." — devfellowship · uma fellowship que ship. YT channel banner · quote-style 12.10 LinkedIn · covers + posts 3 COVERS · 3 POSTS · 1 CARROSSEL COMPLETO BANNERS DE PERFIL · 3 VARIAÇÕES — DevFellowship Devs that ship, in prod, every day. DFL/ devfellowship.com LinkedIn cover · perfil corporativo — REVERA · by DevFellowship Capacity-building para times pós-IA. / LinkedIn cover · Revera B2B [ founder · banner photo ] Founder · DevFellowship. Revera. Alavancagem. tu, dev. eu, runtime. bora. LinkedIn cover · Tainan pessoal IMAGENS PARA POST · 3 RECEITAS — — overnight push · 2026-05-19 11 PRs mergeados. Eu dormindo. O gargalo não é o token. DFL/ LinkedIn post image · hook — revera · cliente · 90 dias 2,3× throughput de PR / dev. medido no harness em prod do cliente LinkedIn post image · data + insight / "Plans before code. Code before review. Review before celebration." — manifesto DFL · 03 / 09 LinkedIn post image · quote / manifesto CARROSSEL COMPLETO · 6 SLIDES (DRIFT = DATA) — Carrossel · 6 partes Por que medimos drift, não tempo. → swipeDFL/ Carrossel LinkedIn · 1/6 capa — 02 · contexto Tempo é proxy ruim. Você mede horas. O agente roda 24/7. A métrica perde sentido na semana 1. Drift mede outra coisa: distância entre plan e realidade. DFL/ Carrossel · 2/6 contexto — 03 · dado +0.14 drift médio · run 0142 DFL/ Carrossel · 3/6 dado / Drift escondido vira dívida. Capturado, vira eval. DFL/ Carrossel · 4/6 tese — 05 · cliente revera 3 squads. 90 dias. +2,3× * / harness em prod do cliente * / plans para todo trabalho não-trivial * / drift capturado em 100% das runs DFL/ Carrossel · 5/6 cliente — 06 · próximo passo Bora medir drift no teu time? devfellowship.com/revera → DFL/ Carrossel · 6/6 CTA Padrão: capa preta → contexto → dado → tese → cliente → CTA. Slides 2–5 são 1 ideia cada; capa e CTA são as molduras. Última slide em amber sólido pra fechar com peso. 12.11 X / Twitter · headers + cards 2 HEADERS + 2 CARDS · SEM EMOJI, SEM 🧵 — devfellowship Brazilian dev fellowship. Global ambition. / X header · @devfellowship — taigfs · founder · devfellowship I ship. I plan. I write. Tokens don't matter. X header · @taigfs / "A próxima vantagem competitiva em eng é clareza do plan." — Tainan · 2026-05-19 X card · quote attribution — — thread · 7 tweets 01 / 07 Como rodamos overnight push (sem queimar bug). DFL/ X card · thread opener X é texto-first. Card de imagem entra só pra (a) quote autoral (visualmente memorável), (b) thread opener (sinaliza "isso é longo"), (c) screenshot de código com tema DFL. Sem cards de "vibe", sem cards de gradient. 12.12 App Store · ícones + screenshots 4 ÍCONES · 4 SCREENSHOTS PRONTOS ÍCONES · 4 VARIAÇÕES DFL/ default · DFL/ DFL amber · fellowship onboarding / slash · gráfico puro DFL/ stripe · labs / experimental SCREENSHOTS APP STORE · 4 TELAS · IPHONE — dfl-plans Planos públicos. Decisões duráveis. [ plans app UI ] App Store · screen 01 hero — feature Agentes executam. Você revisa. [ run dashboard ] App Store · screen 02 feature — prova 2,3× throughput em 90 dias. "Saí da DFL com PRs reais merged." — Maria · fellow 03 "Time inteiro virou." — CTO · cliente revera App Store · screen 03 social proof — pronto pra começar? Plano de graça. 3 runs incluídas. Baixar · App Store → App Store · screen 04 CTA Sequência: hero · feature · prova · CTA. Cada screenshot tem 1 mensagem. Mockup do device opcional (Apple aceita "frameless"); preferimos sem moldura porque deixa o sand stack do app ocupar mais. 12.13 Email · marketing & transacional 2 TEMPLATES · LIGHT PRA TRANSACIONAL · DARK PRA MARKETING Transacional · template DFL / devfellowship · transacional ---------------------------------------- Oi, fellow. Seu PR #142 foi mergeado. Harness rodou (87% pass, drift no episode 03 capturado). Próxima ação: revisar drift e abrir nova run. Abrir harness run → run-id · 2026-05-19-overnight · 11 PRs Marketing · newsletter DFL / fellowship · newsletter #07 ---------------------------------------- 11 PRs mergeados enquanto eu dormia Bora falar do overnight push protocol. Plans publicados, subagents executando, drift capturado. Ler na newsletter → SUBJECT LINES · PADRÃO DFL edition #07 · 11 PRs mergeados enquanto eu dormia edition #08 · 'tokens don't matter' — uma justificativa edition #09 · revera, 90 dias depois edition #10 · drift como dado, não como bug PR-142 · merged · drift capturado coorte 04 · aplicações abertas Regra: minúsculas, sem emoji, < 60 chars, com número específico quando faz sentido. Edition numerada quando é newsletter recorrente. 12.14 Landing pages · 3 produtos DFL · REVERA · ALAVANCAGEM · HERO PRONTO devfellowship.com — devfellowship · fellowship · 04 cohort open Devs that ship, in prod, every day. Fellowship brasileira pra dev que quer operar software como o trabalho exige hoje: planos públicos, agentes executando, drift sendo capturado, PR sendo mergeado. Aplicar coorte 04Ler o manifesto [ runtime UI · capture ] Landing devfellowship.com · hero revera.devfellowship.com — REVERA · capacity-building B2B Seu time entrega 2–3× mais, em 90 dias. "Não vendemos consultoria. Vendemos a transição da sua engenharia." — Tainan Agendar alinhamentoLer case 2,3× throughput médio · 12 clientes Landing revera.* · hero (light editorial) alavancagem.devfellowship.com — novo livro · 2026 / Alavancagem Como operar software com IA — em prod, em meses. Pelas mãos de quem opera. Pré-comprarCapítulo 1 · grátis [ book cover 2:3 ] Landing alavancagem · livro · serif editorial ESTRUTURA PADRÃO DA LANDING DFL SeçãoFunçãoBloco visual1. HeroTese + CTA primárioReceita "slash-hero" ou "manifesto-card"2. Manifesto curtoEstabelece voz3 frases Barlow Condensed centradas + slash3. RuntimeMostra o que existeDiagrama 4-blocks (plan · exec · harness · brain)4. Prova3 cases curtos com númeroCards "big-stat"5. Fellow testemunhoVoz humanaFoto + serif italic6. ProgramaComo funcionaTimeline 12 semanas · mono uppercase7. FAQQuebra objeções5 perguntas · accordion8. CTA finalAplicar / agendarReceita "announcement-amber" 12.15 Open Graph · GitHub social preview O QUE APARECE QUANDO LINKAM VOCÊ OG CARDS · 3 RECEITAS — — blog · devfellowship.com The drift is the data. tainan · 4 min · 2026-05-19DFL/ OG card · default (post de blog) — — Revera · case 2,3× throughput em 90 dias. 2,3× OG card · numerado / KPI / "We are a fellowship, not a factory." — manifesto · DFL · 2026 OG card · manifesto reading GITHUB SOCIAL PREVIEW · 1280×640 — devfellowship/plans plans plan-driven autonomous execution. alpharuntimeself-hosted GitHub social preview · 1280 × 640 Todo repo da org devfellowship recebe uma imagem social: nome do repo em mono, descrição em Barlow Condensed com palavra-pivô em muted. Pills sand de status (alpha · runtime · self-hosted). Adicionar via Settings → Social preview. 12.16 Podcast · newsletter · workspace COBERTURAS DE CANAIS EDITORIAIS — podcast Drift Signal. tainan reads the runtime · 1 ep/semana DFL/ Podcast cover · 3000 × 3000 / — newsletter · quinzenal Field Notes from a Brazilian Fellowship. Substack header · 1200 × 400 DFL · wiki interna plans · runs · drifts · adrs Notion cover · banner do espaço 12.17 Canais internos & marcação DISCORD · TELEGRAM · CALENDLY / — DFL · canal interno #drops · #shipping #help · #random DFL/ Discord banner · 960 × 540 / @devfellowship drops · vagas · runtime updates Telegram channel banner — REVERA · alinhamento técnico 60 min. Sem PowerPoint. Saímos com escopo. DFL/ Calendly header · alinhamento Revera 12.18 Páginas-de-vazio · 404 · coming soon O QUE APARECE QUANDO ALGO NÃO ESTÁ PRONTO DFL não esconde estado vazio. 404 captura como drift; coming soon registra timing. Em vez de ilustração mascote, o mesmo sistema vazio do produto + voz. devfellowship.com/oops — 404 · drift capturado plan errado. route não existe. bora voltar pra raiz · devfellowship.com DFL/ 404 page · honest empty alavancagem.devfellowship.com / Alavancagem — em 2026 · entre na waitlist Entrar → Coming soon · landing fechada 12.19 GitHub · README templates HEADERS CONSISTENTES EM TODO REPO

DFL / plans

plan-driven autonomous execution · part of the DFL runtime

alpha runtime self-hosted

> "Plans before code. Code before review. Review before celebration." ## What it is plans-app is the source of truth for durable decisions in the DFL runtime. Public, versioned, immutable once locked. Agents execute. Humans unblock. ## Quick start ```bash npx dfl-plans init npx dfl-plans publish ./my-plan.md ``` ## Architecture - read · the plan - act · agents claim episodes - record · drift signal at end of run - learn · brain ingests ## Why Plans aren't documentation. They're the runtime. Hand-rolled READMEs are theater. Plans are operational. — DFL · 2026 Sempre H1 com slash amber. Badges sand+amber (sem azul-cinza genérico). Quote curta da runtime. Resto: O QUE É, COMO RODA, ARQUITETURA, POR QUÊ. Sem screenshot, sem GIF, sem "thanks to all contributors" decorativo. 12.20 Decks · pitch · keynote · plano de aula 9 LAYOUTS CANÔNICOS Slide typeLayoutQuando usaCoverWordmark + manifesto-style título + eyebrow monoToda apresentação · 1×Section dividerNúmero grande amber + título display + linha hairlineQuebra entre blocos de 3+ slidesStat / KPINúmero 144pt + label mono em cima + 1 linha de contextoQuando 1 número faz a históriaTexto + diagramaColuna 60/40 · texto à esquerda · diagrama runtime à direitaExplicar arquiteturaLista de bulletsMax 5 bullets · cada um começa com /Quando não dá pra evitarQuotePull em Barlow centro · cite em mono · slash à esquerdaManifesto, depoimentoImagem full-bleedFoto fellow / runtime UI ocupa slideQuebrar densidade textualCompare table2-col split · DFL vs alternativaVendas Revera, posicionamentoClosingWordmark + 1 next-step + canal de contatoToda apresentação · 1× 12.21 Notion / Docs · templates DOCUMENTAÇÃO INTERNA QUE PARECE DFL * Page cover: banner sand-dark de 40px + slash amber centro · sem foto stock. * H1: Inter 28 bold. * Body: Inter 15. * Callout: background panel-2, ícone / amber, mono uppercase pra label. * Code block: JB Mono 13, theme dark sand (não tema padrão dark do Notion). * Database views: Table com mono uppercase no header, StatusPill nos status fields. * Templates registrados: "Plan", "ADR", "Run report", "Drift signal", "Episode", "FAQ entry". 12.22 Assinatura de email CADA PESSOA · MESMO TEMPLATE Tainan Fidelis Founder · DFL · Revera DFL/ devfellowship.com · TG @taigfs 12.23 Avatares · capas · ícone de canal RECONHECIMENTO NA TIMELINE SurfaceTamanhoTratamento canônicoDiscord server icon512 × 512Variante AppIcon "slash" · radius 22%Slack workspace icon512 × 512Idem DiscordTelegram bot avatar512 × 512Mark D-bar · radius 50% (TG enforça round)YouTube channel icon800 × 800AppIcon "default" (DFL/) · radius 50%X / Twitter avatar400 × 400AppIcon "amber" · radius 50%Instagram avatar320 × 320AppIcon "default" · radius 50%Avatar de membro (auto-gen)256 × 256Iniciais em ink-primary · fill da paleta member-* (hash)GitHub org avatar500 × 500AppIcon "default" · radius 22%Substack logo500 × 500Mark D-bar · radius 22% 12.24 Acessibilidade digital NÃO-NEGOCIÁVEIS EM PRODUTO E MARKETING * Contrast WCAG AA mínimo em todos os pares texto+fundo (cap. 5.7). * Alt text descritivo em toda imagem publicada — incluindo OG, IG feed, LinkedIn. "DFL marca" não é alt text — descrever o conteúdo da imagem. * Focus visível sempre. Nunca outline: none sem substituição amber. * Caption em todo vídeo postado. Caption queimada (open) pra short-form (TikTok/Reels), caption nativa pra YouTube. * Touch target 44px+ em todo botão mobile. * Reduced motion respeitado em toda animação não-essencial (cap. 11.5). * Heading hierarchy correta (h1 → h2 → h3, sem pular nível). * Form labels sempre presentes (não apenas placeholder). --- ## 13 · Aplicações Impressas APLICAÇÕES IMPRESSAS & OFFLINE Papel é editorial. Light sand · tinta dark · amber rebalanceado pra CMYK · Georgia entra como segunda voz. Certificado, proposta, livro, sinalização, embalagem. Não-app é não-dark. 13.1 Princípio editorial PAPEL ≠ TELA Em impresso o sistema vira light: papel sand #f6f1e7, tinta sand-900, amber rebalanceado para #c2663b (legível em CMYK 4-color). Tipografia ganha respiração maior; Georgia entra como serif editorial em texto longo. CONVERSÃO CMYK · PANTONE CorHEXCMYKPantoneSand paper#f6f1e70 / 3 / 8 / 0Warm Gray 1 CInk dark#1a171460 / 60 / 70 / 70Black 7 CBrand amber print#c2663b0 / 60 / 78 / 187585 CMuted#7d756810 / 16 / 30 / 50Warm Gray 8 CInk editorial#3a353050 / 50 / 60 / 50Black 6 C 13.2 Papelaria · sistema completo 6 SURFACES · CANÔNICOS DFL/devfellowship Tainan Fidelis founder · @taigfs Cartão · 90 × 50mm · frente / Cartão · verso · slash DFL/ devfellowship · sp · brasil Envelope C5 · marca canto DFL/doc · 0042 · 2026-05 devfellowship.comsão paulo · brasil Letterhead A4 · header + footer DFL//fellowship · materiais Pasta A4 · capa — plan · runs · drifts Notepad A5 · header DFL 13.3 Certificados · 3 níveis FELLOWSHIP · WORKSHOP · PARTICIPAÇÃO DFL/cert-id · 0142 · 2026-05 — certifica que Maria Justi completou o programa DFL Fellowship — shippou em produção, publicou planos, rodou harness. Membro permanente da rede. Tainan Fidelis · founder / Certificado Fellowship · A4 horizontal · papel sand-light DFL/ — workshop concluído harness em 5 noites Maria Justi · 12 hrs · 2026-05 cert-id · w-0042 Workshop · A5 vertical · sand light + amber bar DFL/part-id · p-0142 — ship night · 2026-05-23 Maria Justi devfellowship · meetup #03 Participação · A6 horizontal · sand dark QR de verificação no rodapé (apontando pra devfellowship.com/cert/[id]). Imprime em papel reciclado 250g. 13.4 Proposta comercial Revera · 8 páginas TEMPLATE COMPLETO DFL/— REVERA · 01 · Capa Capa Wordmark · título · cliente · data pg 01 pg 01 · Capa DFL/— REVERA · 02 · Sumário Sumário Mono uppercase · numeração pg 02 pg 02 · Sumário DFL/— REVERA · 03 · Diagnóstico Diagnóstico Estado atual · 3 números pg 03 pg 03 · Diagnóstico DFL/— REVERA · 04 · Escopo Escopo 12 semanas · entregáveis nomeados pg 04 pg 04 · Escopo DFL/— REVERA · 05 · Método Método Diagrama runtime · 4 blocos pg 05 pg 05 · Método DFL/— REVERA · 06 · Métrica Métrica KPI antes/depois · amber big pg 06 pg 06 · Métrica DFL/— REVERA · 07 · Time Time Pessoas · headshot + role pg 07 pg 07 · Time DFL/— REVERA · 08 · Comercial Comercial Preço · cronograma · termos pg 08 pg 08 · Comercial 13.5 Decks de pitch SALES · REVERA B2B · 12 SLIDES * Capa · dark · tagline + nome do prospect. * Por que estamos aqui · 1 número específico sobre o time deles. * Tese · 3 frases manifesto-style. * O que ninguém faz · 3 diferenciais (plans, harness, infra própria). * Como rodamos · diagrama da runtime. * Caso 01 · cliente A · métrica antes/depois. * Caso 02 · cliente B · métrica antes/depois. * Caso 03 · cliente C · métrica antes/depois. * Proposta · escopo + preço + cronograma — sem floreio. * Time · quem entrega · headshot + role. * FAQ · 4 perguntas que sempre vêm. * Fechamento · 1 next step + canal de contato. Mistura editorial+dark: capa+fechamento dark, slides centrais light. Marca a transição com section divider grande. 13.6 Posters · flyers · sinalização · 6 formatos MATERIAL DE EVENTO + AMBIENTE — DFL Meetup #03 SHIP /NIGHT 23 mai · 19h · sp devfellowship.com/meetups Poster A2 · ship night DFL/ Próxima coorte set · 2026 aplicações até 30 jul. devfellowship.com · aplicar Flyer A6 · drop coorte DFL/devfellowship— ship night · 23 mai Sinalização · entrada DFL/devfellowship — DFL · 2026 Devs that ship, every day. devfellowship.com Banner roll-up · 85 × 200cm /DFL/sala da runtime Adesivo de porta · A6 vertical SALA · 03 Drift Room Placa de sala · 1.6:1 13.7 Stickers · crachás · brindes editoriais MATERIAL DISTRIBUÍDO Sticker mark · 50mm circle / Sticker slash · 70mm die-cut tokens don't matter Sticker manifesto · 80 × 30mm DFL/ Maria Justi fellow · 03 Crachá · 70 × 100mm 13.8 Livro · Alavancagem CAPA · LOMBADA · CONTRACAPA · SPREAD INTERNO — DFL · 2026 / Alavancagem Como operar software com IA — em prod, em meses. tainan fidelis Capa · 145 × 215mm Tainan Fidelis Alavancagem / Lombada · vertical "O modo como o software será feito mudou. Este livro é um manual sobre como acompanhar." — blurb · 2026 Contracapa · blurb — capítulo 03 Drift é dado Não medimos sucesso — medimos drift capturado. A diferença muda como o time se organiza. Drift escondido vira dívida. Drift capturado vira eval. A pergunta certa não é 'rodou bem?' — é 'o que ficou diferente do plan?'. pg 42 / 168 Spread interno · página dupla — Capítulo 04 Tokens não importam Por que a métrica de custo nos atrapalha mais que ajuda. Página inicial de capítulo /— DFL · 2026 Impresso em Georgia 11pt. Capas em Barlow Condensed. Colofão · final do livro 13.9 Manual do fellow · welcome book LIVRETO A5 · 24 PÁGINAS O fellow recebe na entrada um livreto editorial: manifesto + sistema operacional do programa + glossário. Light editorial, Georgia + Inter, capa com slash + número da coorte. * Cap. 1 — Manifesto (PT e EN lado a lado) * Cap. 2 — O que é a runtime (plans · harness · brain · paperclip) * Cap. 3 — Como medimos sucesso (drift, eval, PR shipped) * Cap. 4 — Como pedir ajuda (TG, channels, mentor escalation) * Cap. 5 — Como sair (offboarding + alumni network) * Anexo · Glossário (mesmos termos do cap. 19 deste guide) 13.10 Ingresso · evento TICKET · MEETUP · 5 × 15CM DFL/— SHIP NIGHT #03 23 mai / 19h são paulo · auditório · vila madalena seat A-12 ticket · #0142 Ingresso · ship night · perfurado 13.11 Embalagem · welcome box · livro pack COMO O MATERIAL CHEGA * Welcome box (fellow): caixa kraft 30 × 22 × 8cm. Tampa interna com mark debossed. Wrap interno em papel seda sand. Manual A5 + camiseta + 3 stickers + caderno + cartão assinado. * Livro pack (Alavancagem): envelope kraft 20 × 28cm. Adesivo de fechamento amber com slash. Marca-página em papel pesado com manifesto. * Graduation box: caixa preta fosca 35 × 25 × 6cm. Foil amber externo (slash). Certificado emoldurado + livro + jaqueta + carta autoral. * Revera kit: envelope A4 kraft + folder com proposta + caderno + cartão. Lacre amber. --- ## 14 · Merch & Ambiente MERCH & AMBIENTE Vestível diário, palavra forte, qualidade material. Sem mascote, sem tagline cringe. Cada item DFL é um objeto opinativo — não swag genérico. 14.1 Princípios de merch ANTES DA PEÇA * Vestível diário. Cor sand-dark ou sand-light. Sem laranja-flúor, sem neon. * Estampa pequena OU frase forte — nunca ambas. Marca discreta no peito, ou manifesto grande nas costas. * Tipografia faz o trabalho. Barlow Condensed grande, JB Mono pequeno. Zero ilustração. * Qualidade material acima da estética. Algodão 200g+, costura reforçada, tinta water-based. * Fellow merch ≠ event swag. Fellow merch é nominado (nome no avesso). Evento é universal. * Quantidade pequena, lote único. Não fazemos "loja DFL". Cada lote dura ~6 meses. * Embalagem é parte. Caixa kraft, papel seda, cartão assinado. Não envelope plástico. 14.2 Camisetas · 6 modelos DEFAULT + MANIFESTO + SLASH + DRIFT + TOKENS + REVERA DFL/ front · sand-dark Default · mark peito Tokens don't matter. back · sand-dark Manifesto · costas / front · sand-light Slash gigante · centro — drift signal The drift is the data. back · sand-dark Drift signal · costas plans before code. back · sand-dark Plans before code · costas Revera — by devfellowship front · sand-light Revera · peito mono 14.3 Outerwear · 6 itens INVERNO + HEADWEAR + ACCESSÓRIOS DFL/ / Moleton com capuz · sand-dark DFL/ Boné 5-painel · slash bordado SHIP IS LEARNING Bomber jacket · manifesto costas DFL / DEVFELLOWSHIP Gorro · etiqueta na barra DFL · DFL · DFL Crew socks · mark amber /////// Bandana · slash repete 14.4 Objetos · daily carry · 10 itens CADERNO · CANECA · GARRAFA · MOUSEPAD · ETC ItemMaterialTratamentoCaderno A5 · plainCapa sand-dark hardback, miolo pontilhadoSlash debossed na capaCaderno A6 · pocketCapa kraft sand, miolo liso"DFL /" gravado a quenteCanetaMetal preto fosco"DFL" gravado a laser · 4mmMug · 350mlCerâmica matte sand-darkWordmark + tagline · interior amberMug · 60ml espressoCerâmica matte sand-lightSlash amber centro · pira de café especialGarrafa · 750mlAço escovado sand-darkSlash grande · gravura a laserMousepad · 90 × 40cmBorracha + tecido sandManifesto inteiro impressoTote bag · canvas naturalAlgodão 280gSlash amber serigrafia · 30mmKeychain · metalLatão acetinadoMark D-bar · 25mm gravadoPin · metalEsmalte amber sobre pretoSlash + DFL · pinbackSleeve notebookAlgodão sand-dark · feltro internoMark mini canto + slash internoAdesivo conjunto · packVinyl mate4 tamanhos × 3 designs 14.5 Kits · 4 packs QUEM RECEBE O QUÊ WELCOME KIT · FELLOW NOVO Camiseta sand-dark + caderno A5 + 3 stickers + sticker nominado + manual A5 + card assinado por Tainan. Caixa kraft com mark debossed. GRADUATION KIT · FELLOW FORMADO Jaqueta bomber + certificado A4 emoldurado + cópia de Alavancagem + carta editorial. Caixa preta fosca, slash gold-foil. REVERA KIT · CLIENTE FECHADO Garrafa de aço + caderno + caneta + cópia Alavancagem + carta editorial Georgia. Entrega pessoal para o CTO. SPEAKER KIT · CONVIDADO DE EVENTO Camiseta + sticker pack + caneca + crachá A6 com QR pro perfil. Entrega na entrada. 14.6 Ambientação · escritório / hub QUANDO TIVER ESPAÇO FÍSICO * Parede manifesto · vinyl sand-dark sobre tinta sand-light · 240cm largura · manifesto Apple-1986. * Parede de runs · monitor 65" mostrando paperclip board ao vivo. * Sinalização interna · mono uppercase 24pt em vinyl amber discreto. Nomes: "Drift Room", "Plan Room", "Brain Room". * Cadeiras · Aeron pretas. Sem cadeira startup colorida. * Iluminação · 3500K constante. Sem RGB LED, sem neon "code is poetry". * Plantas · aspidistra, monstera, sansevieria. Verde escuro, baixa manutenção. * Mesa default · sand light, com caderno A5 DFL + lápis. Não desktop com 7 monitores. * Música ambiente · pad eletrônico low-key. Sem rádio FM. * Cozinha · café especialty BR. Sem cápsula Nespresso decorativa. 14.7 Evento · setup físico COMO UM MEETUP DFL APARECE /DFL/devfellowship Backdrop · 240 × 180cm · palco DFL/ Lectern · painel frontal DFL/CHECK-IN · 03 Mesa credenciamento · panel / Cone de palco / proteção · 30cm PALCO →/ Wayfinding · seta de direção DFL/SHIP · DRINK · SHIP Garrafa d'água · etiqueta 14.8 Embalagem · 4 tipos COMO O OBJETO CHEGA * Caixa kraft simples · 30 × 22 × 8cm · tampa interna com mark debossed · papel seda sand · welcome kit. * Caixa preta fosca · graduation · 35 × 25 × 6cm · foil amber externo (slash) · interior amber acetinado. * Envelope kraft · livro pack · 20 × 28cm · adesivo de fechamento amber · marca-página interno. * Envelope A4 kraft · Revera · lacre amber · folder de proposta dentro. --- ## 15 · Vídeo & Áudio VÍDEO & ÁUDIO YouTube, Loom, podcast cuts, intro/outro, shorts vertical. Mesma marca em movimento. Sem identidade sonora obrigatória — quando aparecer, serve à fala, não compete. 15.1 Identidade sonora POSIÇÃO ATUAL: LEVE, OPCIONAL DFL não tem jingle. Tem um logo sonoro discreto: 1.2s de pad sand morno + 1 thump de baixo na entrada do slash. Quando aparece, marca o fim do intro/início do outro. Quando não aparece, silêncio é OK. Acabamento sonoro: −18 LUFS short-term, peak −1 dBTP. Sem retro-radio compressão. BANCO SONORO · 5 CAMA DE FUNDO FaixaBPMMoodQuandoamber-pad-01—Warm ambient padIntro · outro · 30s loopsand-loop-0292Lo-fi piano + sub bassTutorial · talk-headdrift-03104Minimal techno · sem buildHighlight · sizzlesilence-04—Silêncio escolhidoManifesto · entrevistathump-05—Logo sting · 1.2sLogo entry · transição 15.2 Intro · 4 segundos FRAME-BY-FRAME 00:00.0 silêncio · tela sand-dark 00:00.4 wordmark "DFL" fade-in 200ms (ease-out) 00:00.8 slash entra com snap (scale 0 → 1, 220ms ease-snap) + thump sonoro (opcional) 00:01.0 tagline "devfellowship" fade-in mono uppercase 00:02.0 hold 00:03.0 fade-out 400ms → conteúdo STORYBOARD · 4 FRAMES DFL/ t = 0.4s · wordmark fade-in DFL/ t = 0.8s · slash snap DFL/devfellowship t = 1.0s · tagline aparece DFL/devfellowship · brand guide v1.0 t = 3.0s · hold 15.3 Outro · 5 segundos FRAME-BY-FRAME 00:00.0 conteúdo · fade-to-black 300ms 00:00.5 wordmark + tagline fade-in centralizado 00:01.5 linha hairline cresce de 0 → 200px (220ms) 00:01.8 CTA mono uppercase fade-in "devfellowship.com / aplicar" 00:04.0 hold 00:05.0 end DFL/devfellowship t = 0.5s · wordmark center DFL/devfellowship t = 1.5s · linha cresce DFL/ devfellowship.com / aplicar t = 1.8s · CTA fade-in t = 5.0s · end 15.4 Lower thirds · 4 variantes ATRIBUIÇÃO DE FALA — founder · DFL Tainan Fidelis Lower third · default · canto inferior esquerdo — FELLOW · 03 Maria Justi runtime engineer · revera-ABC Lower third · fellow · com role — 03 · drift Como capturar drift Chapter marker · canto superior "O gargalo não é o token. É o plan." Caption queimada · centro inferior 15.5 Estilo de edição COMO O VÍDEO SE SENTE * Corte seco. Sem dissolve, sem transition pack 2014. Cut, cut, cut. * Cabeça reduzida. Cortar respiração inicial e final de cada take. Soa pensado, não falado. * Cor. Warm + low-sat. LUT custom DFL: warm shift +5 mireds, sat −15%, lift slight em sombras. * Tipografia em tela. Barlow Condensed. Mesma do print. Sem fontes de motion-pack. * B-roll. Tela > pessoa caminhando. Mostramos código, plan, harness rodando. * Aspect ratios. 16:9 master · 9:16 vertical · 1:1 quadrado. * Frame rate. 24fps narrativa · 30fps screencast · 60fps motion intensa. * Áudio. Mono em fala (não estéreo). Sample rate 48k. Bitrate AAC 256kbps. 15.6 Tipos de vídeo · 8 formatos O QUE PRODUZIMOS · CATÁLOGO FormatoDuraçãoCadênciaPlataformasEpisódio talk-head14–22 min1–2 / mêsYouTube · podcast cutTutorial técnico5–12 min1 / mêsYouTube · landingManifesto reading1–3 minEventualYouTube · Reel · LinkedInFellow story2–4 min1 / coorteYouTube · IG · landingHighlight reel30–60sEventualIG Reel · Short · TikTokCase Revera3–5 min1 / clienteYouTube · landing ReveraDemo de produto1–3 minPor releaselanding · LinkedInBastidor overnight30s–90sSpontâneoIG Story · X · TG 15.7 Música · gêneros & referências QUANDO PRECISAR DE CAMA GêneroQuandoReferência (busca)Ambient eletrônicoIntro · outro · documentalBrian Eno, Tycho, Helios — instrumental low-keyLo-fi instrumentalTutorial · talk-headLo-fi piano + warm bass · sem vocal sampleMinimal technoHighlight · sizzle reelBPM 100–115 · sem drop · sem build dramáticoSilêncioManifesto falado · entrevistaSem música. Escolha. Banido: corporate motivational · "epic cinematic build" · piano triste de banco · trap-beat genérico. 15.8 Podcast · Drift Signal ÁUDIO STANDALONE Podcast canônico DFL: Drift Signal. 1 episódio/semana. Tainan + 1 convidado por episode. Estrutura: 3 min intro tese → 30 min conversa → 5 min síntese. SpecValorSample rate48 kHzBitrate outputAAC 192 kbpsLoudness−16 LUFS integratedPeak ceiling−1 dBTPMicrofonesShure SM7B local · Zoom F6 capturaEdit softwareReaper · descriptHospedagemTransistor.fmDistribuiçãoSpotify · Apple · YouTube · RSS público 15.9 Captions · acessibilidade TEXTO EM VÍDEO * Short-form (Reels, Shorts, TikTok): caption queimada (open). Inter 32–40px. Fundo sand-dark com 70% opacity. Max 2 linhas. * Long-form (YouTube): caption nativa SRT. Sem styling — herda do player. * Idioma: PT-BR primário. EN secundário com auto-tradução revisada. * Sincronia: caption aparece 50ms antes da fala, sai junto. * Verificação: qualquer vídeo > 1min passa por revisor humano antes de publicar. --- ## 16 · Canais COMUNICAÇÃO POR CANAL Cada canal puxa a marca pra uma direção. O sistema absorve — voz e visual se ajustam ao registro sem soltar o eixo. Aqui ficam os contratos por plataforma. 16.1 LinkedIn corporativo · DFL VOZ · VISUAL · CADÊNCIA QUEM OUVE CTO, VP Eng, dev sênior pensando em mudar de carreira, founder técnico, RH de tech. VOZ Profissional + opinião + prova. Primeira pessoa quando possível. Posts curtos (< 250 palavras), 1 número específico, 1 take opinativo. Nunca "vem ser feliz" — sempre "isto resolve isto". CADÊNCIA * DFL: 2–3 posts / semana * Tainan: 3–5 posts / semana * Carrossel: 1× / mês * Vídeo nativo: 1× / mês Post-modelo · LinkedIn DFL11 PRs mergeados ontem. Subagents executando plans, eu dormindo. O gargalo não é custo de token. É clareza do plan. Tese: a próxima vantagem competitiva em eng é quão bem você descreve o que quer — não quem você contrata. Detalhe técnico no blog · devfellowship.com/blog/overnight ANTI-PADRÕES LINKEDIN * Sem "Eu estava no Uber e tive um insight…" no início. * Sem perguntas-gancho fake ("vocês concordam?") * Sem emoji decorativo (🚀💪✨). * Sem "Eu te ensino em 10 passos" estilo guru. * Sem hashtag explosion. Max 3 — todas em minúsculas. 16.2 Instagram · @devfellowship CULTURA · FELLOWS · BASTIDORES * Feed: 1:1, dark-first, alterna manifesto-card / big-stat / fellow-spotlight / quote. * Stories: bastidores (PR aberto, harness rodando), tickers de evento, drops. * Reels: < 45s, 9:16, mesmo registro do YouTube short. Sem dance, sem trend. * Highlight covers: ícone DFL amber sobre sand dark. Categorias: runtime · fellows · revera · meetups · alavancagem · manifesto. * Bio: 1 linha posicionamento + link único pra hub. * DM: resposta corrida tipo TG ("bora", "valeu"). Sem texto formal. GRID DE 9 · ALTERNÂNCIA Pensa o feed como matriz 3×3 que rola. Próxima rolagem alterna: dark/light/dark · stat/quote/stat · slash/number/slash. Mantém o feed reconhecível mesmo no thumbnail. 16.3 X / Twitter · @devfellowship + @taigfs TÉCNICO · OPINATIVO * Conta DFL para anúncio + retweet do time. Conta Tainan para opinião + thread técnica. * Thread > tweet solto. Cada thread: cabeçalho (tese), corpo (3–7 tweets), fechamento (call). * Sem emoji. Sem "🧵". Apenas numerar tweets quando faz sentido. * Screenshot de código sempre com tema sand-dark DFL (não tema padrão de IDE). * Reply curto, direto, opinativo. Sem performance ou agradecimento ritual. CADÊNCIA * DFL: 1 anúncio / semana (drops, releases, threads próprias). * Tainan: diário · 2-5 tweets · 1 thread / 2 semanas. 16.4 YouTube · DevFellowship EDUCACIONAL · LONG-FORM * Vídeos > 8min. Padrão de intro/outro do cap. 15. * Titles: minúsculas, descritivas, sem clickbait. "como rodamos overnight push", não "VOCÊ NÃO VAI ACREDITAR…". * Thumbnail: cap. 12.8 — dark + Barlow Condensed grande. * Descrição: 3 parágrafos máx + links pra plan/repo/blog. * Comentários: respondemos com 24h, registro normal. * End screen: cap. 12.X — wordmark + 1 next step. 16.5 TikTok · @devfellowship POSIÇÃO: TOLERADO · NÃO PRIORITÁRIO Shorts repurposed de YouTube — cortes de 30–60s com tese curta. Não fazemos conteúdo native pra TikTok. Se um short viralizar, ótimo. Não otimizamos pra algoritmo. * Sem dancinha, sem trend, sem "POV". * Capa: cap. 12.7 — hook gigante centro · zona safe-caption. * Caption queimada (cap. 15.9). 16.6 Newsletter · Field Notes SUBSTACK · QUINZENAL CADÊNCIA Quinzenal. Edição numerada (#01, #02…). 4–8 min de leitura. Quinta-feira manhã. ESTRUTURA PADRÃO * Eyebrow: "edition #07 · 19 maio 2026" * Tese da edição: 1 frase Barlow Condensed * Lead: 1 parágrafo Inter 16 * Corpo: 3–4 blocos com h3 + parágrafo · Georgia 16 italic OK em destaque * Imagem: 1 OG card visual * Próximo passo: 1 CTA mono uppercase * Footer: wordmark + tagline + opt-out Subject lines · exemplos edition #07 · 11 PRs mergeados enquanto eu dormia edition #08 · "tokens don't matter" — uma justificativa edition #09 · revera, 90 dias depois edition #10 · drift como dado, não como bug edition #11 · plans-app v2 · o que mudou edition #12 · folklore do overnight push 16.7 Telegram · canal + bot DROP OFICIAL + COMUNICAÇÃO CORRIDA * Canal @devfellowship: drops de coorte, anúncios, vagas. Texto mono uppercase no início ("— DROP · 05-19"), mensagem em registro normal abaixo. * Bot interno: avisos automáticos de run, drift signal, novo plan. Persona: técnica, sem floreio. * Grupo de coorte: corrido, gírias BR+tech, "bora", "valeu", "PR aberto". * 1:1 com Tainan: assíncrono. Tainan responde em minutos quando online, em horas senão. 16.8 Discord · server da coorte ONDE FELLOWS ATIVOS VIVEM ChannelPropósitoCadência típica#dropsAnúncios oficiais2-3 / semana#shippingPRs em tempo real (bot posta)diário#helpPerguntas técnicascontínuo#runsDiscussão de harness runscontínuo#driftDrift signals capturadosdiário#showcaseDemos de fellow1-2 / semana#randomOff-topiclivre#alumniPós-formadoscontínuo 16.9 Spotify · Apple Podcasts · YouTube Music DRIFT SIGNAL PODCAST Hospedagem em Transistor.fm; distribuição via RSS público pra todas as plataformas. Identidade visual cap. 12.16 — capa quadrada sand-dark + slash. Sem capa diferente por episódio: identidade do canal > identidade do episódio. 16.10 GitHub · devfellowship org ONDE O MÉTODO VIVE EM CÓDIGO * README de cada repo: header padronizado (cap. 12.19). * Releases: versionamento semver. Notas em registro DFL — direto, sem "thanks all contributors" decorativo. * Issues: templates de bug, feature, ADR. Quem abre escreve no tom DFL. * Discussions: público; pergunta + resposta + decisão capturada. * Social preview: cap. 12.15 — template visual por repo. * Pinned repos: plans · harness · brain · paperclip. Os 4 pilares. 16.11 Calendly · agendamento COMO PROSPECT REVERA FALA COM A GENTE * 2 tipos de slot: Alinhamento 60min (B2B) · Conversa fellow 30min (candidato). * Cor: amber (cor da disponibilidade visualizada). * Cover Calendly: cap. 12.17. * Pré-meeting form: nome · empresa · timezone · 1 frase "o que tá te trazendo". * Confirmação automática em PT-BR, voz DFL. 16.12 Loom · Notion comments · paperclip COMUNICAÇÃO INTERNA AVANÇADA * Loom: mensagens em vídeo curtas (< 5min). Background dark, lower-third pessoal. * Notion comments: usados como ADR side-channel — decisões em comments viram ADR formal. * Paperclip board: kanban interno · onde runs aparecem ao vivo. Não é canal de mensagem, é canal de estado. 16.13 Matriz · voz × visual × cadência RESUMO ÚNICO · TODOS OS CANAIS CanalAudiênciaVozVisualCadênciaLinkedIn DFLCTO · VP EngProfissional + opinativoDark · wordmark canto2–3 / semanaLinkedIn TainanTech BR + LATAMAutoral primeira pessoaFoto + texto3–5 / semanaInstagramAspirante a fellowCasual · bastidorDark + foto documentaldiário stories · 2 postsX / TwitterDev sêniorTécnico · seco · opinativoTexto, screenshot DFL darkdiário · thread quinzenalYouTubeDev curiosoDidático · operacionalIntro 4s · outro 5s1–2 / mêsTikTokCasual scrollerHook + pontoVertical · caption queimadarepurposeNewsletterComunidade · alumniEditorial · autoralSand light · Georgia OKquinzenalPodcastLongform escutaConversacionalCapa quadrada · áudio1 / semanaTG / DiscordFellows ativosCorrido · BR · técnicoTexto purodiárioGitHubDev avançadoTécnico densoMarkdown + badgescommit-drivenLanding ReveraB2B · CTOConfiança calmaLight editorialstatic 16.14 Cadência editorial · semana padrão CALENDÁRIO DE PUBLICAÇÃO DiaSurfaceTipoSegundaLinkedIn DFL · XTese da semana · post longoTerçaInstagram feedManifesto card ou statQuartaYouTube · LoomVídeo / tutorial / talkQuintaNewsletter (quinzenal)Field Notes editionSextaInstagram · X · TGRecap semana · dropSábado—Pause (off-canal)Domingo—Pause (off-canal) Final de semana DFL não posta. Marca tem cadência de quem ship segunda a sexta. 16.15 Crisis comms · quando algo quebra PLAYBOOK DE ERRO PÚBLICO Software DFL quebra em produção. Acontece. Quando acontece em público, a marca responde no tom da runtime: capturado, registrado, corrigido. * Reconhecer rápido. Post / tweet em < 1h confirmando o problema. * Sem desculpa performática. "Sentimos muito" sem ação concreta = ruído. * Drift signal público. Capturar o que falhou em formato de post-mortem (cap. 19 link template). * Status visível. fleet-health.devfellowship.com atualizado em tempo real. * Resolução documentada. ADR público sobre o que mudou. TEMPLATE DE COMUNICAÇÃO · DRIFT PÚBLICO status · DEGRADED · 2026-05-19 14:32 BRT what broke: harness-runner failed in 3/11 PRs why: drift +0.34 no plan onboarding-revera captured: episode 07 · drift signal in plans-app fix: rolling out v2.1.3 · ETA 30min status updates: fleet-health.devfellowship.com — tainan --- ## 17 · Sub-marcas SUB-MARCAS & ECOSSISTEMA DFL é a mãe. Revera, Alavancagem e Labs herdam paleta + tipografia, mas têm lockup distinto. Produtos internos não são sub-marca — são parte da runtime. 17.1 Topologia A FAMÍLIA INTEIRA EM UMA PÁGINA DFL · devfellowship (mother brand) │ ├── DFL Fellowship · programa core (product line, não sub-marca) ├── DFL Edu · guarda-chuva educacional (workshops, lives) ├── Revera · B2B · sister-brand · lockup distinto ├── Alavancagem · livro · editorial · serif protagonista ├── DFL Labs · playground experimental │ └── Produtos internos (não são sub-marca · usam DFL como pai): plans · harness · brain · paperclip sandbox-manager · dfl-runner · dfl-learn dfl-financing · dfl-flows · lesson-studio books-app · dfl-notifications · dfl-fellow-portal dfl-process-mining · dfl-bmcanvas · dfl-apps 17.2 Critérios · o que vira sub-marca QUANDO CRIAR NOVA MARCA CritérioSub-marcaProduto internoAudiência distintaSim · público diferenteNão · mesma audiência DFLLockup próprioSim · wordmark dedicadoNão · "DFL · nome" em monoTom de voz adaptadoSim · pode formalizar / suavizarNão · voz DFL puraTokens compartilhadosSim (paleta + tipo)Sim (tudo)Domínio próprioSim · revera.* · alavancagem.*Não · *.devfellowship.comRoadmap independenteSimNão · parte da runtime 17.3 Revera · sister-brand B2B QUANDO A DFL VESTE TERNO Posicionamento CAPACITY-BUILDING PARA EMPRESAS OPERAREM COM IA EM PROD. Revera herda DFL (paleta, tipografia, voz operacional) e adiciona um registro formal B2B: tom de cinza maior, accent secundário azul (#5a85c4) para KPI e prova social, mais respiração editorial, menos gírias. Lockup "REVERA" wordmark próprio em Barlow Condensed 700 + slash amber. Em material de família, "DFL / REVERA" — em material standalone, "REVERA" sozinha com referência DFL no rodapé. Tom B2B vs DFL puro * "Você" em vez de "tu" * Sem "bora", sem "valeu" * PT-EN ainda OK * Número específico sempre REVERA/by devfellowship Lockup standalone DFL/REVERA Lockup família PALETA REVERA #E07A4A herdada · amber #E07A4A CTA principal · idem DFL #5A85C4 trust-blue #5A85C4 KPI · prova social · só Revera #F6F1E7 paper-light #F6F1E7 background editorial #1A1714 ink-on-paper #1A1714 texto sobre paper APLICAÇÕES REVERA — REVERA · by DevFellowship Capacity-building para times pós-IA. / LinkedIn cover · Revera B2B REVERA/capacity-building · by DFL Lockup vertical · proposta REVERA/by devfellowship · sp · global Webfooter · revera.* ✓ Faça Landing ReveraSeu time entrega 2–3× mais por trimestre. Você mede no harness, em prod do seu próprio repo. Sem PowerPoint, sem consultoria-por-hora. Concreto. Mensurável. Recusa o teatro consultivo. ✗ Não faça Não-Revera (genérico)Empoderamos seu time com IA de ponta para alcançar o próximo nível de produtividade na sua jornada de transformação digital. Vocabulário-zumbi. Banido em qualquer surface Revera. 17.4 Alavancagem · extensão editorial LIVRO · SERIF PROTAGONISTA Posicionamento O LIVRO AUTORAL DA TESE DFL — PARA DEV SÊNIOR E CTO. Alavancagem tem lockup próprio: título em Georgia italic 700 ao lado de slash amber rotacionada 12°. Tipografia interna majoritariamente Georgia 11pt para texto corrido, Barlow para capítulos. Única sub-marca onde Georgia ocupa > 50% da composição. Aqui, serif é protagonista. / Alavancagem tainan fidelis · devfellowship · 2026 Alavancagem · lockup PALETA EDITORIAL · ALAVANCAGEM #F6F1E7 paper #F6F1E7 background livro #3A3530 ink editorial #3A3530 texto corrido Georgia #C2663B amber print #C2663B slash + acentos #ECE4D2 paper aged #ECE4D2 folha de rosto · partes 17.5 DFL Labs · playground VISUAL MAIS SOLTO Labs tem permissão de quebra estética — testamos motion ousado, ilustração experimental, layouts não-canônicos. O contrato: o wordmark DFL aparece em algum canto. DFL/· L A B S · Labs · lockup com permissão Trabalho de Labs que prova-se vai pro programa principal — e perde a permissão de quebra. Labs é R&D, não produto. 17.6 DFL Edu · guarda-chuva educacional WORKSHOPS · LIVE · COHORTS CURTOS DFL Edu cobre formato de aprendizado curto: workshops 1–3 dias, lives, cohorts focadas (ex.: "harness em 5 noites"). Visual = DFL puro. Lockup: DFL / EDU. Posicionamento: porta de entrada de baixa fricção pra DFL. Cliente Edu pode virar fellow. Fellow pode dar workshop Edu. 17.7 Produtos internos · runtime · não são sub-marca COMO IDENTIFICAR PRODUTO INTERNO Plans, harness, brain, paperclip, sandbox-manager — não têm logo, não têm wordmark próprio, não têm paleta. São parte da DFL, identificados em mono uppercase ao lado da mãe. DFL/· plans plans DFL/· harness harness DFL/· brain brain DFL/· paperclip paperclip DFL/· sandbox sandbox DFL/· dfl-runner dfl-runner DFL/· dfl-learn dfl-learn DFL/· books-app books-app DFL/· dfl-flows dfl-flows DFL/· lesson-studio lesson-studio DFL/· dfl-bmcanvas dfl-bmcanvas DFL/· dfl-financing dfl-financing Cada produto interno pode ter sua própria identidade visual de UI (cap. 12) mas não logo separada. README/header sempre puxa a mãe. 17.8 Co-branding com parceiros externos QUANDO APARECE COM OUTRA MARCA Co-branding externo (cliente Revera, sponsor de evento, parceiro técnico) usa pipe vertical com 2× clear space entre marcas. Nunca trancamos a logo em uma "lockup parceria" — cada marca mantém sua área. DFL/ Parceiro DFL × Parceiro · pipe + clear space REVERA/ Cliente Ltda Revera × Cliente · co-branding B2B — produzido porDFL/— com apoio deSponsor A · Sponsor B DFL × Sponsor · em evento 17.9 Conflitos de marca · resolução QUANDO DUAS REGRAS COLIDEM * Cliente Revera quer cor própria. Não. Co-branding tem regra (17.8). Cada marca mantém sistema. * Workshop pode usar logo de patrocinador no fundo? Sim, em pipe lateral. Nunca dentro do clear space DFL. * Sub-marca novo que herda Revera? Não fazemos sub-sub-marca. Se necessário, vira produto Revera (sem marca, com label mono). * Alavancagem vai virar série de livros? Sim · cada título mantém o lockup Alavancagem + serif. Cor da capa pode variar dentro da paleta sand. --- ## 18 · Governança GOVERNANÇA DA MARCA Quem aprova o quê. Onde os arquivos vivem. Como pedir um novo artefato. Como o guide evolui. Sem isso, em 6 meses tudo derrapa. 18.1 Hierarquia de aprovação QUEM DESTRAVA O QUÊ ArtefatoAprovaSLATweak em material existenteBrand owner (Tainan) · async TG24hNovo lockup para evento/parceiroBrand owner48hAdição de cor primitiva ao tokens.jsonBrand owner + DS owner72h · via PRSub-marca nova / mudança em lockup oficialBrand owner + ADR público1 semanaEvolução de versão do guide (1.0 → 1.1)Brand owner + review pública2 semanasLogo redesign / paleta novaBrand owner + ADR + RFC público4–6 semanas 18.2 Onde estão os arquivos-fonte SOURCE OF TRUTH AssetRepo / pastaFormato canônicotokensdesign-system/tokens.jsonDTCG JSON · gera tokens-v2.csscomponentsdfl-components-clishadcn-style registryfontesbrand/fonts/WOFF2 self-hosted + fallback Google Fontslogo (SVG)brand/logo/SVG vetor · PNG @1× @2× @3×brand-guide (este)brand-guide/HTML auto-contido + bundle PDFtemplates (deck, proposta, cert)brand/templates/Keynote · Google Slides · InDesignfotosbrand/photos/RAW + JPG editado + metadatavídeos · mastersbrand/video-masters/ProRes · 4K · 24fps masterbanco sonorobrand/audio/WAV 48kHz + AAC exportartefatos publicadosbrand/artifacts/Numerado · 2026-05-19-thumb.png Tudo no GitHub org devfellowship, mirror local em pasta sincronizada via Infisical para os fellows ativos. 18.3 Como solicitar artefato novo FLUXO DE PEDIDO * Abrir issue no repo devfellowship/brand com template "Pedido de artefato". * Descrever: contexto, audiência, prazo, surface, exemplos de referência. * Brand owner triagem em até 48h: aceita / pede ajuste / recusa com razão. * Quem executa: fellow designer (se aceito) ou agente (se template existente). * Review final: brand owner aprova ou pede iteração. * Entrega: arquivo final + entrada em brand/artifacts/ + drop no canal interno. 18.4 Templates de issue · pedidos 3 FORMULÁRIOS CANÔNICOS ### Pedido de artefato (template) contexto: [1 parágrafo · pra quem é, pra quê] audiência: [primária + secundária] surface: [LinkedIn / IG / landing / etc] prazo: [data hard] referências: [3 links · pode ser do próprio guide] arquivos necessários: [SVG, PNG, MP4, deck...] quem entrega: [auto-assign ou nome] — abre issue 18.5 Versionamento do guide COMO O BRAND GUIDE EVOLUI VersãoQuando bumparComunicaçãopatch (1.0.x)Typo, ajuste de exemplo, spec sem efeitoChangelog internominor (1.x.0)Adição de capítulo, novo template, novo tokenDrop no canal · changelog públicomajor (x.0.0)Mudança de logo, paleta, voz, arquiteturaRFC público · 30 dias de transição CADÊNCIA DE REVIEW Trimestral (4× ao ano). Cada review: brand owner + 1 fellow ativo + 1 cliente Revera convidado. Pauta: o que travou? o que foi ignorado? o que precisa de update? 18.6 Princípios de evolução COMO MUDAR A MARCA AO LONGO DO TEMPO * Refinamento > ruptura. Marca DFL evolui em iterações pequenas. Rebrand total só se a tese mudar. * Toda decisão durável vira ADR em brand/decisions/. Histórico fica auditável. * Antes de adicionar, pergunta: dá pra remover? Sistema cresce por subtração quando possível. * Brand é parte do produto. Mudança em DESIGN.md / tokens dispara revisão neste guide. * Brand não é gosto pessoal. Owner muda, marca segue. Decisões ficam no ADR. * Marca tem voz no design system. Quando os dois conflitam, fala-se primeiro com ambos os owners. 18.7 ADR template · brand decisions COMO REGISTRAR MUDANÇA # ADR-brand-007: adicionar cor secundária para Revera ## status accepted · 2026-05-19 ## contexto Revera precisa de cor pra destacar KPIs em decks B2B sem competir com amber DFL (que é a primary). ## decisão adicionar trust-blue #5a85c4 como accent secundário exclusivo de surfaces Revera. ## consequências + KPI Revera tem destaque visual próprio + DFL puro permanece mono-accent (amber) - 1 cor a mais para manter - risco de "vazar" para DFL puro · mitigação: docs no cap. 17 ## alternativas consideradas - usar amber + opacity diferente · rejeitado: pouco contraste - usar success green · rejeitado: confunde com status — brand-owner, ds-owner 18.8 Auditoria · trimestral SWEEP REGULAR DO GUIDE * Cada app DFL passa por checklist visual: logo correto, cor correta, tipo correto, voz correta. * Templates em brand/artifacts/ dos últimos 90 dias revisados em batch. * Identificar drift entre guide e aplicação real. Drift > 10% = guide desatualizado, não app. * Drift < 10% = corrigir aplicação. * ADRs registrados para mudanças aprovadas. 18.9 Licenciamento · uso da marca QUEM PODE USAR A LOGO DFL FORA QuemPodeNão podeFellow ativo"Fellow @ DFL" em LinkedIn · sticker no laptopLoja com produto DFLAlumni"Alumni DFL · coorte X" em LinkedIn · perfilCriar curso "DFL Method"Cliente Revera"Treinado pela Revera/DFL" em landingCo-branding sem aprovaçãoImprensaUsar logo em matéria sobre DFLAlterar logo · usar em endorsementSponsor de eventoLogo em pipe lateral (cap. 17.8)Logo dentro de DFL clear space 18.10 Quando recusar pedido externo A MARCA TAMBÉM DIZ NÃO * Pedido pra "uma versão da logo só com X" → não. * Pedido pra "logo em foto stock corporativa" → não. * Pedido pra usar a marca em produto que conflita com nossa tese → não. * Pedido pra "colocar a logo num evento que não pediu permissão" → não. * Pedido pra co-branding sem ADR aprovado → não. --- ## 19 · Anexos ANEXOS O que você precisa pra começar a usar a marca: glossário, downloads, checklist, FAQ, templates de plan, manifesto canônico, contato. Esta página muda com mais frequência que o resto do guide. 19.1 Glossário · termos da runtime O VOCABULÁRIO CANÔNICO TermoDefinição curtaADRArchitecture Decision Record · decisão durável e versionada, com contexto + alternativas + escolha.AgenteProcesso de IA que executa um plan. claude-main, codex-twin, sub-agents.AlumniFellow formado. Faz parte permanente da rede DFL.BrainKnowledge graph DFL · conecta plans, episodes, drifts, evals, fellows.CoorteGrupo de fellows que entram juntos. Delimitador temporal.DriftDiferença entre o que o plan disse e o que aconteceu. Drift capturado = dado pra eval.Drift signalMarcador explícito no fim de uma run que aponta drift.EpisodeUnidade de trabalho dentro de uma run. Tem hipótese, ação, resultado.EvalMedição automatizada de output de agente. Pode ser harness, LLM judge, human-in-the-loop.FellowMembro da DFL Fellowship. Não conclui — se forma. Faz parte da rede para sempre.HarnessFramework de eval. Roda runs, mede, captura drift, gera grade.PaperclipBoard kanban interno · estado das runs em tempo real.PlanPlano público versionado. Decisões duráveis lockadas. Fonte da verdade para agente executar.Plans-appProduto interno que hosta plans. plans.tainanfidelis.com.PR (pull request)A unidade de entrega DFL. PR mergeado = trabalho shipado.ReveraSub-marca B2B. Capacity-building para empresas.RunExecução de um plan por um agente. Tem início, episodes, fim, grade.Runtime DFLConjunto plans + harness + brain + sandbox-manager + paperclip — a infra de prática.SandboxAmbiente isolado onde agente pode tocar código sem afetar prod.ShipMergear PR em produção. A métrica única.TG-typedRun iniciada via mensagem no Telegram. Fluxo assíncrono humano → agente.TokensCusto de API de modelo de IA. Métrica DFL: não importa. Throughput importa. 19.2 Arquivos baixáveis · canônico DOWNLOAD BUNDLE AssetFormatosLocalizaçãoLogo · wordmark + variaçõesSVG · PNG @1×/@2×/@3× · PDF vetorbrand/logo/Fontes · Barlow Condensed · Inter · JB Mono · GeorgiaWOFF2 + TTF + licensesbrand/fonts/TokensJSON (DTCG) · CSS vars · Style Dictionary builddesign-system/tokens.jsonTemplates · deck · proposta · certKeynote · Google Slides · InDesignbrand/templates/Templates · email · READMEHTML · MJML · Markdownbrand/templates/digital/Templates · social (este guide)HTML render · referência visualbrand-guide/templates.jsxFoto · stock internoJPG editado + RAWbrand/photos/Brand guide (este doc)HTML standalone · PDF printbrand-guide/Vídeo · intro/outro mastersProRes · MP4 exportbrand/video-masters/Banco sonoroWAV · AAC exportbrand/audio/ 19.3 Manifesto · canônico VERSÃO FINAL EM PT E EN EN · canônico We believe shipping is learning. Plans before code. Code before review. Review before celebration. Tokens don't matter. Autonomy does. We are a fellowship, not a factory. We chose Brazil. We chose global. Iterate is everything. Build with AI like you'd build with a peer who never sleeps. If you can't ship it today, ship it tomorrow. The drift is the data. — DEVFELLOWSHIP · 2026 PT-BR · adaptação A gente acredita que shippar é aprender. Plan antes do code. Code antes do review. Review antes da festa. Token não importa. Autonomia importa. A gente é fellowship, não é fábrica. A gente escolheu o Brasil. A gente escolheu o global. Iterate é tudo. Constrói com IA do jeito que tu construiria com um par que não dorme. Se não dá pra shippar hoje, shippa amanhã. O drift é o dado. — DEVFELLOWSHIP · 2026 19.4 Checklist · antes de publicar qualquer coisa QUICK CHECK DE 60 SEGUNDOS * Logo na posição certa, clear space respeitado. * Cor primary amber aplicada onde faz sentido (CTA, focus). Sem amber decorativo. * Tipografia: Barlow display, Inter body, JB Mono meta, Georgia editorial. * Vocabulário-zumbi removido (synergy, leverage, jornada, stakeholder…). * Verbos ativos. Prova > adjetivo. Número específico onde possível. * Tom checado contra cap. 3.6 do canal específico. * Acessibilidade: contraste WCAG AA mínimo, alt text em imagem. * Tagline / rodapé com referência DFL onde aplicável. * Foto = real ou placeholder. Nunca stock corporativo, nunca AI-illustration. * Aprovação registrada (se aplicável, ver cap. 18.1). * Versão do artefato no nome do arquivo (vYYYY-MM-DD-name.ext). * Backup em brand/artifacts/ antes de distribuir. 19.5 FAQ · 20 perguntas frequentes PARA QUEM USA A MARCA FAQ · 01 POSSO USAR AMBER PRA DESTACAR UM NÚMERO NO SLIDE? Sim, se for o ÚNICO destaque do slide. Dois destaques amber no mesmo slide = perde a função. FAQ · 02 O CLIENTE REVERA PEDIU PRA MUDAR A COR PRA AZUL CORPORATIVO DELE. Co-branding tem regra (cap. 17.8): pipe vertical com clear space. Cada marca mantém seu sistema. Não trancamos paletas. FAQ · 03 POSSO USAR EMOJI NO LINKEDIN DFL? Não. Emoji em marketing soa 2017. Em canal interno (TG/Discord), tudo bem. FAQ · 04 A LOGO PRECISA SEMPRE VIR COM TAGLINE? Não. Tagline ('devfellowship') aparece em capa de material, certificado, assinatura. App, header, social, pode omitir. FAQ · 05 COMO NOMEIO UM PRODUTO INTERNO NOVO? Lowercase, hifenizado se preciso, < 12 chars. Não-pluralizado. Ex.: plans, harness, brain. FAQ · 06 POSSO CRIAR UMA ILUSTRAÇÃO OU MASCOTE? Não. DFL não tem estilo de ilustração. Foto real, placeholder honesto ou diagrama-de-blocos. Mascote, nunca. FAQ · 07 POSSO USAR UMA FONTE SERIF MODERNA NO LUGAR DE GEORGIA? Editorial = Georgia. Se justificável (livro futuro com outra direção), abrir RFC. Para uso ad-hoc, não. FAQ · 08 COR PRIMÁRIA #E07A4A NÃO PASSOU WCAG AAA NO MEU BOTÃO. Esperado — usa --brand pra fill com texto inverse, ou --brand-hi (#f0a872) pra texto sobre dark. FAQ · 09 ONDE FICA O ARQUIVO DA FONTE BARLOW CONDENSED? brand/fonts/barlow-condensed/ — WOFF2 self-hosted. FAQ · 10 POSSO ADAPTAR ESTE GUIDE PRA MEU TIME INTERNO NA REVERA? Não. Esse guide é canônico. Para o time do cliente, abrir derivado em brand/derived/{cliente} via ADR. FAQ · 11 POSSO REUSAR UM TEMPLATE DO CAP. 12? Sim — é pra isso que existem. Pegue o componente, troque copy, publique. FAQ · 12 QUANDO POSSO USAR BACKGROUND AMBER SÓLIDO? Em CTA-final-slide, em IG announcement, em capa de section divider. Não em produto. FAQ · 13 POSSO FAZER UM POST DFL NO IDIOMA X (NÃO PT/EN)? Sim, mas o tom precisa traduzir. Sem mecânica, sem 'autotranslate'. FAQ · 14 FOUNDER PEDIU UMA VERSÃO DA LOGO SEM O SLASH. Não. O slash é a logo. Sem ele é só 'DFL' em Barlow Condensed — não é a marca. FAQ · 15 POSSO ANIMAR O SLASH? Sim, no intro/outro de vídeo. Sem loop. Sem giro infinito. FAQ · 16 POSSO FAZER MERCHANISE VERMELHO? Não. Sand-dark, sand-light, amber. Acabou. FAQ · 17 O GUIDE TEM VERSÃO ACESSÍVEL PRA ALGUÉM DALTÔNICO? Não temos versão separada, mas todo contraste é WCAG-checado. Status nunca depende só de cor (sempre tem rótulo). FAQ · 18 QUEM APROVA MUDANÇA NO TOM DE VOZ? Brand owner via ADR público (cap. 18.6). FAQ · 19 VOCÊS IMPRIMEM EM CMYK OU PANTONE? CMYK em volume. Pantone 7585C em material premium (cap. 13.1). FAQ · 20 TEM UM TEMPLATE PRA X QUE NÃO ESTÁ AQUI? Provavelmente sim — abre issue (cap. 18.3) ou inventa seguindo as receitas do cap. 12.3. 19.6 Templates de plan · ADR · drift signal DOCUMENTOS CANÔNICOS DA RUNTIME PLAN TEMPLATE # plan: status · draft | locked | shipped | archived owner · @taigfs versão · v1.0.0 ## contexto [1 parágrafo · de onde veio o plan] ## decisões duráveis - [decisão 1 · com link pra ADR-XXX] - [decisão 2] ## escopo - entregável A - entregável B ## execução - agent: claude-main - sandbox: my-sandbox - harness: required ## drift signal [preenchido no fim da run] — created 2026-05-19 · plans.tainanfidelis.com/0142 ADR TEMPLATE # ADR-XXX: status · proposed | accepted | superseded data · 2026-05-19 ## contexto [1 parágrafo · qual o problema] ## decisão [1 parágrafo · qual a escolha] ## consequências + ganho 1 + ganho 2 - custo 1 - risco 1 ## alternativas consideradas - alt 1 · rejeitada: razão - alt 2 · rejeitada: razão — quem aprovou · referências DRIFT SIGNAL TEMPLATE drift-signal · run-2026-05-19-overnight magnitude: +0.14 episode: 07 expected: PR-142 merged in 30min actual: merged em 2h · 3 reverts no caminho root cause: plan não previu race-condition em sandbox-manager. what was learned: adicionar lock em sandbox-spawn → ADR-024 aberto. what changes: plans v2 vão incluir secção "sandbox-locks needed". — captured by paperclip · plans-app · ingested by brain 19.7 Contato · brand owner QUANDO BATER DÚVIDA Brand owner TAINAN FIDELIS TG · @taigfs email · t@devfellowship.com github · @taigfs Async preferido DEVFELLOWSHIP/BRAND template · "Pedido de artefato" template · "Dúvida sobre guia" template · "Proposta de evolução" 19.8 Changelog do guide O QUE MUDOU E QUANDO VersãoDataResumo1.0.02026-05Versão inicial · 19 capítulos · alpha1.1.02026-06 (planned)Adição de templates para canais novos (Threads, Bluesky)1.2.02026-09 (planned)Light mode completo · paleta editorial estendida2.0.02027 (planned)Logo + paleta · revisão maior se necessário 19.9 Colofão SOBRE ESTE DOCUMENTO DFL Brand Guide v1.0 · alpha · maio 2026. Documento construído em HTML auto-contido, sob o próprio design system DFL. Tipografia: Barlow Condensed, Inter, JetBrains Mono, Georgia (todas open source / system). Paleta: sand-stack DFL + amber #E07A4A. 19 capítulos · 1 mãe + 5 sub-marcas + 14 produtos internos · 70+ templates visuais prontos. Autoria · Tainan Fidelis + DFL Brand. Construído com agentes operando a runtime DFL — meta. Próxima revisão · outubro 2026. Issues e propostas · devfellowship/brand. DFL/devfellowship fim · shipping is learning ---