# Pedido de layout: quatro direções para os copilotos da clínica Você vai desenhar UMA direção de layout para o sistema da clínica de terapia capilar da Dra. Suellen Ferreira, em Curitiba. Outros três agentes desenham outras três direções ao mesmo tempo, e depois três críticos vão atacar as quatro propostas. O dono do projeto, Luiz, achou o layout atual "muito poluído" e quer "o top das galáxias": calmo, claro, bonito e rápido de usar. ## O sistema, em poucas linhas Cada pessoa da clínica tem um copiloto com IA. A IA prepara o dia de madrugada e deixa tudo pronto; a pessoa aprova, edita ou pula. Nada sai sozinho: mensagens para pacientes saem pelo WhatsApp da clínica, pela secretária, depois de ela aprovar. Você desenha duas telas, com o MESMO conteúdo que elas têm hoje: 1. **Tarefas de hoje, da Fer** (Fernanda, a secretária), no **notebook da recepção, 1440 px de largura**. É a tela que ela usa o dia inteiro. Responde "o que eu faço agora?". Conteúdo completo, tirado do protótipo atual: `prototipos/layouts/conteudo-fer.txt`. 2. **Hoje, da doutora** (Dra. Suellen, a dona da clínica), no **iPhone, 390 px de largura**. Ela olha entre uma consulta e outra. Responde "o que só eu decido hoje e como está a clínica?". Conteúdo completo: `prototipos/layouts/conteudo-doutora.txt`. Os arquivos de conteúdo são o texto da tela atual, com `##` nos títulos e `[botão]` nos botões. Leia os dois inteiros antes de desenhar. ## O que está ruim hoje (o que o Luiz chamou de poluído) Veja os prints atuais: `var/prints/rodada-0710-moni/f-02-hoje-com-relato-1440.png` (Fer) e `var/prints/rodada-0710b/suellen/s-02-hoje-390.png` (doutora). - Muita coisa competindo: etiquetas coloridas, contadores, ícones, avatares e brilho de vidro em quase toda linha. - Texto demais: a tela começa com um parágrafo longo de resumo. - Três navegações ao mesmo tempo: filtros por área, seções por área e a doca embaixo. - Tema escuro com vidro e dourado em todo lugar: nada se destaca de verdade. ## O que não pode se perder (funções) Pode reorganizar, agrupar, esconder atrás de um toque ou mudar de lugar. Não pode sumir função. **Fer:** - O resumo do dia (pode ficar muito mais curto), o progresso (tarefas feitas de quantas) e as urgentes. - A lista de tarefas por prioridade e por área (confirmações, agenda, recepção, acompanhamento, home care, insumos, marketing, cadastro), com o número de pacientes de cada área e um jeito de filtrar. - Cada tarefa: paciente, o que é, o motivo em uma linha e o canal (WhatsApp, ligação, recepção). - Abrir uma tarefa no lugar mostra o "por que agora", a mensagem pronta ou o roteiro e os botões Aprovar (A), Editar (E) e Pular (P). **Desenhe a primeira urgente já aberta**, para vermos como fica. - "Peça ao copiloto" (campo para pedir em texto livre) e "Colar mensagem de paciente". - Ao lado ou abaixo: horários vagos com sugestão de quem chamar, recepção de hoje (quem chegou, quem falta) e insumos acabando. - Navegação entre as telas da Fer: Copiloto, Atribuições, Agenda, Pacientes e Feito. **Doutora:** - O resumo do dia, curto, e os números da semana (contatos novos, avaliações que fecharam, recebidos, agenda ocupada). - "Esperando você": as decisões que só ela toma (perguntas da Fer, post do dia para publicar, peças da programação, textos para aprovar), cada uma com os botões de decisão. - A agenda dela de hoje, com o resumo antes de cada consulta, a passadinha na sala e o horário livre com a sugestão de ligar para quem vai pensar. - As ações de crescimento da semana e o "Para você saber". - "Pergunte ao copiloto" e a navegação: Hoje, Marketing, Parceiras, Visitas e Gestão. ## Identidade visual (obrigatória) - Azul-marinho `#14284B` (cor principal), dourado `#B8975E` (preenchimentos e detalhes), dourado para texto `#86672F` (texto dourado precisa dessa versão escura para ter contraste), branco e cinza claro `#F3F5F9`. - Fontes: Montserrat nos títulos e Nunito Sans no texto, pelo Google Fonts. - Logo: monograma "SF" (S azul-marinho, F dourado) numa moldura oval dourada. Pode representar com texto e CSS. - Tom: acolhedor e claro, de clínica premium, sem promessa de resultado. - **Tema claro como padrão** (decisão do Luiz). Se quiser, inclua o escuro por `prefers-color-scheme`, mas o claro é o que vale. ## Regras do projeto - Tudo em português do Brasil. Nomes completos na interface: Ana Carolina, Dra. Suellen, Dra. Monielle. - Só dados fictícios: use os nomes e números dos arquivos de conteúdo, nada inventado de real. - Nenhum texto promete resultado. A IA não orienta sobre remédio. - Acessível de verdade: contraste de texto de 4,5:1 (cinza claro e dourado claro em texto costumam falhar), alvos de toque de 44 px, `