Family Brain

Fundamento · Warm Memory & Craft

Um só lugar para a cara do Family Brain

Cor acolhedora, tipografia humana, o símbolo Coração-Cérebro, a Júlia Kloss como cara da marca e o sistema de perfis coloridos estilo Netflix. Tudo nasce em tokens.json com variáveis CSS (--fb-*) prontas para shadcn/ui + React + Capacitor.

Avatar Oficial da Júlia Kloss

Júlia Kloss

Co-Fundadora & Cara da Marca

Family Brain Showcase & Canvas

Cada peça da fundação visual e cada fluxo do produto são desenhados e validados neste Showcase & Canvas antes de virarem código no aplicativo da família.

Brand Showcase

1. Logo & Júlia (Cara da Marca)

O símbolo Coração-Cérebro Conectado (Grafo + Afeto), as 18 variações SVG e o Avatar Oficial da Júlia Kloss que guia as famílias no app e nos vídeos.

Profiles Canvas

2. Perfis Estilo Netflix (8 Cores)

A "carinha" de cada membro da casa (foto ou avatar) com sua cor escolhida: Lavanda (Júlia), Azul (Rafael), Rosa (Maiara), Sol (Toby), Menta (Avós) e mais.

UI Components Showcase

3. Botões, Inputs, Switches & Gavetas

Todos os componentes base (shadcn/ui Warm Theme): tipografia, botões pílula, chips por membro, gaveta mobile (Vaul Drawer), toasts e dossiês vivos.

Product Canvas

4. Inbox Invisível Canvas

Simulação real do fluxo da Maiara enviando a nota da vacina do Toby e recebendo o Optimistic Commit ("✅ Anotado! [Editar]").

Knowledge Graph Canvas

5. Dossiês Vivos & Tabelas de Exames

Cartão de Dossiê com Compiled Truth + Timeline (Júlia Kloss) e tabela longitudinal comparando exames de sangue ano a ano.

Privacy & Connectors Canvas

6. Escada de Privacidade & Conectores

Controles visuais para a franquia de 30 Memórias Mágicas e os 4 níveis de privacidade (FaceID Passkey, Google Drive BYOS e OpenRouter BYOK).