Creators Figma Kit — temas de marca por variável

Adotar um kit de oitocentos componentes não é economia de desenho — é decidir o que o time de marketing não vai precisar decidir a cada lançamento. Os componentes, os page templates e os 3.627 ícones deste arquivo são do Relume Figma Kit na versão 3.5; nada disso é meu. O que é meu é a camada por cima: uma coleção de 42 variáveis com um modo por criador, para que trocar de marca deixe de ser um trabalho de redesenho e passe a ser a troca de um seletor.

Caso em desenvolvimento. O sistema está de pé e documentado; a fila de landing pages que vai provar ou derrubar essa aposta ainda não passou por ele.

Duas camadas, não uma

Quinze primitives guardam valor literal. Vinte e cinco variáveis semânticas — Colors/Text, Background, Foreground, Border, Accent — nunca guardam cor: só apontam para um primitive. É essa separação que faz o tema funcionar. Um componente pinta o fundo com Background/Primary e nunca sabe qual hexadecimal recebeu.

Uma paleta por criador

Três modos na mesma coleção: Base, Izadora K e [Valle]. O Base roda em roxo (#7250a1) e rosa (#fc65a9). O [Valle] troca por amarelo neon (#edff00) sobre uma escala quase preta (#16151d) — não é um ajuste de tom, é o oposto do Base, e é exatamente o teste que a arquitetura precisava passar.

A tipografia também é variável

Font Family/Heading e Font Family/Text são duas variáveis de texto, não uma. O Base usa Sora com Poppins; o Izadora K troca para Federo com Gantari. A marca de um criador raramente está só na cor, e um sistema que temiza cor mas não tipografia entrega meia troca.

O modo aplicado

Aqui é onde a promessa fica verificável: nenhuma seção foi redesenhada para produzir esta imagem. Trocou-se o modo.

Próximo passo: componentes próprios

A camada de variáveis é a fundação; o que vem agora são componentes construídos sobre ela. O kit do Relume cobre o vocabulário genérico de uma landing page — hero, prova social, preço, CTA. O que ele não tem são as seções que as páginas de criador da Braip repetem a cada lançamento: bloco de oferta com preço e parcelamento, cronograma de protocolo, kit de produto, garantia. Cada uma dessas desenhada como componente que consome Background/Primary e Font Family/Heading entra herdando o tema de qualquer criador no dia em que for criada.

É esse conjunto que decide se o sistema cumpre a promessa. Ele foi construído para reduzir o tempo de produção de uma landing page, e é isso que a arquitetura pretende — mas ainda não medi. Sem um antes e um depois cronometrados, qualquer número aqui seria invenção.

O que eu faria diferente

Teria começado pelo Izadora K, não pelo [Valle]. Escolhi montar primeiro o tema mais distante do Base porque era o mais interessante de fazer — e ele de fato provou que a arquitetura aguenta uma inversão completa de paleta. Mas o [Valle] é um tema meu, sem prazo e sem ninguém esperando; o Izadora K é de um criador real, com landing page para sair. Terminei o experimento e deixei o caso de uso pela metade, que é exatamente a ordem errada quando o sistema existe para atender demanda de time.