Mini brand guide (6 capítulos) da Itera, a sub-marca de microlearning SaaS da DevFellowship: cápsulas curtas, fluxo de aprendizado, relatório pra RH/L&D, self-serve. Accent evergreen #3fd17f, herda o sistema dark-first, a tipografia e a voz da DFL. Capítulos: Fundação, Voz, Cor, Tipo, Aplicações, Não-fazer.
Sub-marca DFL · plataforma de microlearning + Q&A pra times. Aprender é a operação.
Pra RH/L&D que precisa de relatório, pra líder técnico que precisa de fluxo, pra fellow que quer prática registrada.
Itera é a primeira sub-marca operada de ponta-a-ponta pela DFL: microlearning SaaS pra times, com Q&A vivo e um loop curto entre conteúdo → prática → métrica de operação. Mãe DFL · cliente Revera adjacente.
A gente não vende curso. A gente vende o hábito de aprender e a métrica que comprova que o time aprendeu — em prod, no fluxo, sem sair do trabalho.— Tese Itera
Treinamento corporativo está quebrado em três pontos: (1) curso longo que ninguém termina, (2) certificado sem prova de aplicação, (3) zero loop com o trabalho real do dia. Plataforma generalista trata "engajamento" como vaidade — não como métrica de operação.
A IA mudou o que o time precisa saber a cada trimestre. Conteúdo que demora 3 meses pra produzir nasce velho.
Itera é uma plataforma de microlearning + Q&A em que cada cápsula custa ~12 minutos, é assinada por um operador real, abre pergunta no canal do time e fecha com uma prática que vira artefato (PR, doc, decisão, plan).
A métrica única não é "alunos concluintes". É aplicações em prod por trimestre: o que o time passou a fazer depois que rodou a cápsula. Mensurado, integrado, devolvido pro RH em um relatório que vende sozinho.
Itera — microlearning que vira prática, pra time aprender enquanto trabalha.
Itera é a sub-marca DFL pra microlearning corporativo. Cada cápsula é curta (~12 min), autoral, e fecha em um artefato — pergunta respondida no canal, plan publicado, PR aberto, decisão registrada. Time aprende no fluxo, sem afastar do trabalho. A empresa mede aplicação em prod, não horas-aula. É a porta de entrada de baixa fricção pro ecossistema DFL — quem vira cliente Itera, conversa Revera no semestre seguinte.
Cápsula curta + canal de pergunta vivo. Conteúdo não é estático: pergunta do time vira eval-de-cápsula no trimestre seguinte. Plataforma sabe quem perguntou, quem respondeu, quanto demorou.
Cada cápsula encadeia conceito → ferramenta IA → uso real. Não "introdução à IA" — uso da IA no PR que o dev abre hoje. Currículo se reconfigura a cada mês com a stack que importa.
Time aprende em 12 min/dia → empresa mede aplicação → relatório trimestral vira case → case vende mais Itera (e abre Revera). Métrica não é finalização, é PR/decisão/plan por cápsula.
"Você não compra plataforma de curso. Você compra um relatório trimestral que mostra o time aprendendo IA em prod — e o número que cabe na conversa com o CEO."
"Seu dev não para pra fazer curso. Ele aprende em 12 min/dia, e cada cápsula fecha em um PR ou plan. Loop com o trabalho real, integrado no fluxo."
"Não tem certificado decorativo. Tem prática real que entra no portfólio: PR mergeado, plan publicado, pergunta respondida, decisão registrada."
DFL · devfellowship (mother brand, runtime, voz) │ ├── Itera · microlearning SaaS · porta de entrada │ └ herda cor + tipo + voz DFL · accent verde ├── Revera · capacity-building B2B · ticket maior │ └ herda + accent azul (trust-blue) ├── Alavancagem · livro · editorial · serif └── Labs · R&D · permissão de quebra estética Loop comercial: Itera (12mo) → case de aplicação → upsell Revera (12-24mo) Revera → cliente coloca time recém-treinado no Itera → repete
Itera herda a voz DFL e adiciona um registro: fala com RH/L&D e com líder técnico no mesmo dia. Direta sem ser rude, técnica sem ser nerd-only, comercial sem ser SaaS-genérica.
| Em vez de | Diga | Por quê |
|---|---|---|
| "curso" | "cápsula" | Unidade Itera. Curta, autoral, com loop. Curso não é o produto. |
| "aluno" | "quem rodou a cápsula" / "time" | Não temos aluno. Temos time que opera com Itera. |
| "trilha de aprendizado" | "track" | "Trilha" é palavra-zumbi de bootcamp 2018. |
| "engajamento" | "aplicação medida" | Engajamento é vaidade. Aplicação é dado. |
| "upskilling" | "o time aprendeu a fazer X" | Diz o que é. Upskilling não diz. |
| "jornada de aprendizado" | "loop" | Jornada sugere linear. Loop é o que acontece. |
| "conteúdo" | "cápsula" (no produto) / "material" (genérico) | Reforça o objeto Itera. |
| "experiência de aprendizagem" | "isto" / "a cápsula" | Nomeie. Nunca abstrato. |
Comercial, calmo, com número. "Time aprende em 12 min/dia. RH mede em PR/trimestre. Sem certificado decorativo."
3 slides resolvem: o que muda no time / o número / o relatório. Sem PowerPoint corporativo.
Curta, direta, sem hand-holding. Empty state com instrução, não com mascote.
Telegram/Slack-friendly. Verbo no comando. Sem "olá fulano, esperamos que você esteja bem".
Sóbrio, numérico, comparativo. Sem floreio. O relatório É o pitch da renovação.
Respeitoso, técnico, sem "ótima pergunta!". Resposta vira material reutilizado.
Cena concreta. Verbo ativo. Número específico. Tem opinião embutida (PR existe, métrica importa).
Vocabulário-zumbi. Soa Coursera-de-2018. Banido em qualquer surface Itera.
Itera herda as superfícies escuras e a tipografia da DFL e troca um token: o acento. O acento #3fd17f é a cor de ação e de posição. O verde marca a ação e a posição na aplicação. Ele não é um “success” genérico.
O verde Itera é a cor de ação e de posição, com as mesmas regras do acento DFL. A v1 chamava o verde de “aplicação em prod”. Na v2 a regra é a do acento: botão primário, item ativo, seleção e hover de objeto. O amber DFL (#E07A4A) só entra em co-branding “by DFL”. O azul da Revera (#3d8fe0) é exclusivo da Revera e não vaza para a Itera.
As superfícies, a tinta e as bordas são as mesmas da DFL. Só o acento muda. Os tokens do guia estão em tokens.css desta marca.
panel.--c-focus-ring, a única sombra permitida.O acento #3fd17f fica perto do success #5ec27e. Por isso, um estado sempre leva o dot e a palavra, e a cor nunca fica sozinha.
A v1 reservava o clay (#e0a86f) para Q&A. O clay não tem token na v2. Uma pergunta humana aberta é um objeto aguardando resposta, então segue a regra de estado: dot de warning mais a palavra.
| Cor | Hex | Motivo |
|---|---|---|
| dfl-amber | #E07A4A | só em co-branding “by DFL” |
| revera-blue | #3d8fe0 | exclusivo Revera |
| neon saturado | #00FF88 | nunca: neon não é Itera |
A cor de estado é a mesma da DFL: dot de 6 a 7px mais a palavra. success é terminou, warning é review ou aguardando, danger é quebrou ou bloqueado e info é executando. O estado nunca depende só de cor.
| Combinação | page | panel | raised |
|---|---|---|---|
ink-primary #f6f1e7 | 17,67 | 16,60 | 15,85 |
ink-muted #887f71 | 5,04 | 4,74 | 4,52 |
brand-solid #3fd17f | 10,08 | 9,47 | 9,04 |
brand-fg #62d996 | 11,26 | 10,58 | 10,10 |
Texto claro sobre o acento preenchido falha. Use ink-inverse (#0a0908) sobre o botão primário.
/* Itera: tokens.css em /design-system/itera/v2/ */
--s-brand-solid: #3fd17f;
--s-brand-hover: #52d58a;
--s-brand-pressed: #32a765;
--s-brand-fg: #62d996;Um componente consome só --s-* e --c-*. Na prática, uma superfície da marca troca só os tokens --s-brand-*, e é isso que mantém DFL, Itera e Revera consistentes.
Mesma pilha: Barlow Condensed no título, Inter no corpo e na UI, JetBrains Mono na meta. Itera não introduz fonte nova. A v2 reduz a escala para quatro tamanhos de UI.
| Família | Papel | Pesos |
|---|---|---|
| Barlow Condensed | título da página | 600 |
| Inter | corpo, UI, botões e lede | 400 · 500 · 600 |
| JetBrains Mono | meta e eyebrow | 400 · 500 |
Uma sub-marca não justifica o custo de uma família tipográfica a mais. A Georgia fica fora da UI e vale só para editorial e impresso.
| Papel | Spec |
|---|---|
| Título da página | Barlow Condensed 28/600, −0,3px |
| Lede | Inter 15/400 |
| Corpo, UI e botões | Inter 13/400. Título de card e linha 13/500 |
| Meta | JetBrains Mono 11/400, minúsculo, ink-muted |
| Eyebrow | JetBrains Mono 11/500, uppercase, 1px. Máx 1 por tela |
| Input em tela de toque | 16px |
Peso 700 saiu. Os tamanhos de marketing (36, 44 e 64) valem só para capa, deck e peça de marketing, e não para UI.
track · ia em pr, sempre antecedida por track ·. O mono uppercase fica só no eyebrow.Uma página de cápsula começa com o eyebrow (um por tela), segue com o título em 28/600, o autor em meta, o lede em Inter 15 e o corpo em Inter 13. A ação é um botão primário no acento (“Rodar cápsula”), e o secundário leva hairline e nenhum fundo.
Cinco superfícies canônicas: lockup, dashboard, card de cápsula, relatório trimestral e as peças sociais. Toda outra superfície deriva dessas cinco.
O logo final ainda não está fechado. O placeholder oficial é o wordmark ITERA em Barlow Condensed, com o slash no acento. Quando o logo final chegar, esta seção será reescrita.
Vale para app web e mobile da Itera. Site, landing, social, relatório e impresso seguem o resto deste guia sem mudança. Em app, esta seção vence a seção Estado do cap. 03 onde as duas divergem. A regra completa é o cap. 12.0 da DFL. A Itera troca só o acento.
| Item | Regra em app Itera |
|---|---|
| Fundo | Preto: surface-page (#0a0908). |
| Texto | Branco (ink-primary) e tons de cinza (ink-secondary, ink-muted). A tela é preta, branca e cinza. |
| Acento | Um só: o verde Itera. O botão primário usa --s-brand-solid (#3fd17f). O ícone do item ativo da sidebar usa --s-brand-fg (#62d996). Ele marca só a ação primária, a seleção e o item ativo. |
| Success | Nunca verde. O acento já é verde, e #3fd17f fica perto do success #5ec27e. Em app Itera, o success é um check branco (ink-primary) mais a palavra: “✓ pass 3/3”, “✓ aplicada”. |
| Vermelho | Só falha real: erro, cápsula que falhou ao rodar. Pergunta aberta e espera não são falha. |
| Estado | Palavra em ink-secondary, com dot cinza. Sem cor por estado e sem badge colorido por status. Pergunta aberta é a palavra, sem dot warning. |
| Neutros e tipo | Os mesmos dos apps DFL (cap. 12.0 da DFL): superfícies, tinta, bordas, Inter, JetBrains Mono e os quatro tamanhos. |
| Navbar | Pequena e esparsa: marca itera em texto pequeno (13/600), até 4 itens mais More, busca ⌘K e avatar. Sem logo grande e sem lockup na navbar. |
| Dentro de um objeto | Sidebar de ícones recolhida (56px) no lugar de muitas tabs. Ela expande (⌘B) e mostra os labels. |
| Labels | Curtos: uma ou duas palavras (“Tracks”, “Q&A”, “Rodar”). Sem frase que explique a tela. |
Tela preta, texto branco e cinza, o verde só no botão primário e no item ativo, status em palavra e success como “✓ pass 3/3” em branco.
Um badge colorido por estado da cápsula, uma navbar com o lockup grande e uma fileira de tabs com nome escrito.
O dashboard Itera é uma UI de operação, e não uma “Netflix de cursos”. Ele segue o app shell da DFL: sidebar de 232px, main em coluna única e statusbar de 28px.
O card é nu: sem fundo e sem borda, separado por hairline. Ele mostra o id e a duração em meta, o nome da cápsula em 13/500 e o autor. A ação é “Rodar cápsula”. O estado muda sozinho (pendente, aplicada, com Q&A aberto), então ele leva dot e palavra. Em app, “aplicada” é check branco mais a palavra, sem verde.
Este é o artefato que vende a renovação. A capa tem uma frase grande e três KPIs, e mais nada. O resto do relatório é tabela e prosa curta. Sem ícone de troféu, sem barra de progresso e sem “parabéns ao time”. Só dados reais entram.
LinkedIn (1080 × 1080), email e favicon (32 × 32, monograma “I /”). Cada peça leva um número real em destaque e o wordmark. Email: header curto com o monograma. Sem emoji em peça pública.
A marca também diz não. Lista curta, opiniativa, atualizada a cada trimestre. Se alguma surface Itera passa por uma dessas, volta pro forno antes de publicar.
Barlow Cond 700, slash verde evergreen, lockup horizontal. Clear space respeitado.
Slash azul (cor Revera) · slash removido · fonte trocada. Cada um mata o lockup de um jeito diferente.
Itera não tem aluno. Tem time. 'Olá, aluno!' é morte instantânea.
Não emitimos certificado. Se o cliente insistir, ele ainda não é cliente Itera.
'Jornada de Maestria Digital com IA' = banido. Track Itera é substantivo curto.
Sem badge dourado, sem 'XP', sem ranking. Métrica é aplicação em prod, não vaidade.
'Acredite no seu potencial!' = não. Itera é técnico-comercial, não motivacional.
Itera não tem mascote. Nem agora, nem nunca. Mascote é AI slop de SaaS edtech.
Cápsula é cápsula. ≤ 15 min. Se passa, vira duas cápsulas.
Aplicação ≠ quiz. Se o que prova aprendizado é checkbox, está errado.
'Aprendeu' resolve. Sem floreio.
Não vendemos transformação. Vendemos cápsula + aplicação medida.
| Situação | Faça | Não faça |
|---|---|---|
| Material institucional DFL menciona Itera | Lockup "DFL / Itera" ou "Itera by DFL" em pé de página. | Substituir wordmark DFL por Itera. Mãe nunca some. |
| Cliente Revera adota Itera no time | Lockup conjunto: REVERA | ITERA com pipe vertical (regra DFL 17.8). | Logo "Revertera". Não trancamos paletas. |
| Itera × cliente final (logo do cliente) | Itera à esquerda, pipe, logo do cliente. Cada um respira seu clear space. | Misturar cor do cliente no slash Itera. Slash é fixo. |
| Itera × evento externo (palestra, etc) | Lockup Itera em rodapé como "produzido por", organização do evento em destaque próprio. | Aplicar logo do evento dentro do clear space Itera. |
Brandkit / Itera
Choose a file for your surface. Each export includes the brand colors and clear space.
PNG · 1200 × 600 · under 20 MB. Ready for the Colosseum logo field.
1200 × 600 base size. 2× and 4× for high resolution.
Canonical monogram. Square PNG sizes for icons.
Centered avatars. Cover layouts preserve the logo safe area.
Keep the logo proportions. Use the transparent light-ink file on dark backgrounds. Use the light variant on paper. SVG masters contain no fonts. Read the usage notes or file manifest.