Show, Victor! Aqui está o prompt completo e sensacional, exatamente como você pediu, para criar vários modelos verticais de tela de login para o Coworking Digital, com base na logo e referências visuais que você enviou.Você pode usar este prompt no Figma com IA (como o Magician, Galileo AI, Uizard, etc.) ou em geradores como Sora, Midjourney, ou outros assistentes de UI:🎨 Prompt para geração de múltiplas telas de login (em português)Crie múltiplos modelos de tela de login para o sistema Coworking Digital, todos apresentados em sequência vertical no mesmo frame (ex: modelo 1 no topo, modelo 2 abaixo, modelo 3 abaixo...), com design moderno e profissional, compatível com plataformas web (desktop-first).Use como base a identidade visual da marca, com foco na logo azul do Coworking (com 4 figuras humanas interligadas em círculo). As cores predominantes devem ser azul (cor principal), branco (fundo) e cinza claro (detalhes e divisores).Os textos devem estar em português (pt-BR).Os elementos obrigatórios em todos os modelos de tela de login são:Logo do sistema (no topo, centralizada ou lateral).Título principal: “Entrar no sistema” ou “Acesse sua conta”.Botões de login com:GoogleLinkedInUm botão ou link com texto: “Ou criar uma nova conta”Campos com placeholder:EmailSenhaBotão principal: EntrarEstilo visual: leve, clean e com boa hierarquia de fontes.✏️ Sugestão de títulos para variação nos modelos:Modelo 1: “Bem-vindo ao Coworking Digital”Modelo 2: “Acesse sua conta e organize sua equipe”Modelo 3: “Login rápido com Google ou LinkedIn”Modelo 4: “Plataforma de gestão inteligente – Entrar”💡 Instruções extras para o designDeixe a primeira tela mais institucional, com a logo em destaque e um fundo azul suave.Na segunda tela, destaque os botões de login social (Google e LinkedIn).Na terceira, traga um layout mais horizontal (formulário à esquerda e ilustração à direita).Use fontes arredondadas e modernas, como Poppins, Inter ou Nunito Sans.Utilize ícones minimalistas (por exemplo: envelope para e-mail, cadeado para senha).Os botões devem ter cantinhos levemente arredondados (border-radius ~8px).Crie espaçamento e respiro entre os elementos para manter clareza visual.📌 Exemplo de estrutura do frame no FigmaFrame: “Telas de Login — Coworking Digital” ↓ Modelo 1 — Login institucional ↓ Modelo 2 — Login com foco em social login ↓ Modelo 3 — Login com ilustração lateral ↓ Modelo 4 — Login minimalista e centrado Se quiser, posso agora gerar para você um arquivo base no Figma com essas estruturas, e você só adapta com seu conteúdo real.Quer que eu gere isso no Figma pra você? Posso entregar:Link duplicávelLayout com 4 variações de tela de loginNavegação simulada (se desejar)Só me dizer: "Sim, quero o arquivo base" e pronto.
Loading...
Perfeito, Victor! Com base nesse modelo que você adorou, vou te entregar um prompt altamente descritivo e criativo para aperfeiçoar o lado azul da tela (lado direito) — tornando-o mais profissional, persuasivo e interativo visualmente — sem precisar usar informação real, mas sim elementos cativantes que reforcem a proposta da plataforma.🧠 🎨 Prompt para aperfeiçoamento visual (lado azul) da tela de login do Coworking DigitalMelhore e deixe mais atrativo o lado direito (área azul) da tela de login do sistema Coworking Digital. O objetivo não é apenas preencher o espaço, mas criar um visual persuasivo e profissional, que valorize a proposta do produto e cative o usuário no primeiro olhar, sem ser poluído ou exagerado.🧩 Diretrizes Visuais:Cor base: Azul (com leve degradê ou leve textura moderna, como mesh gradient ou blur suave).Tipografia clara, forte e sem serifa para a chamada principal.A frase “Gerencie seu coworking com inteligência” deve continuar em destaque, mas com mais hierarquia visual (ex: maior peso ou animação sutil).Abaixo, use uma frase complementar leve como:“Solução completa para comunicação e tarefas no dia a dia corporativo.”💡 Sugestões de ideias para o lado azul:Animação vetorial suave (Lottie ou SVG):Pessoas se conectando em rede.Fluxo de tarefas automatizado (ícones se conectando entre si).Ícones flutuando com transições sutis (checklist, mensagem, gráfico).Ilustração abstrata/3D minimalista:Um espaço de coworking fluido e ilustrado com tons de azul e branco.Equipes em sinergia visual (estilo blush.design ou openpeeps).Cards flutuantes ou em carrossel leve (só visual, sem clique):“Avisos inteligentes”“Checklists por setor”“Visão do gestor em tempo real”“Comunicação centralizada”Ícones com microinterações (hover/looping):Ícones de gestão de tarefas, calendário, mensagem e equipe girando levemente ou com efeito de entrada (fade-up, zoom-in etc).Slogan com efeito dinâmico:Frase tipo “Mais organização. Mais foco. Menos retrabalho.” com palavras que trocam automaticamente, mantendo a atenção.💬 Exemplo de estrutura textual melhorada para o lado azul:💼 Gerencie seu coworking com inteligência Plataforma intuitiva e poderosa para comunicação e tarefas integradas ✅ Avisos centralizados ✅ Tarefas automatizadas ✅ Equipes sincronizadas ✅ Mais tempo para decisões estratégicas 🛠️ Se você estiver usando IA para criar a interface:Use este comando como base:Crie a parte visual direita (área azul) de uma tela de login moderna para um sistema chamado Coworking Digital.O layout deve conter:– Fundo azul com degradê moderno– Texto persuasivo e frases institucionais que transmitam inteligência, organização e modernidade– Ícones animados ou ilustrações vetoriais minimalistas de trabalho em equipe, tarefas e comunicação– Estilo limpo, tech, futurista e profissional– Design responsivo para webTexto em português (pt-BR).
Loading...
Perfeito, Victor. Aqui vai o prompt profissional e direto para você colar no V0 ou qualquer IA de interface, com tudo que você quer ajustado:✅ Prompt final para gerar uma tela de login para o Coworking Digital (em português)Crie uma única tela de login moderna, minimalista e profissional, para a plataforma Coworking Digital. A interface deve ser dividida em dois blocos:🟦 LADO ESQUERDO (Área branca)Fundo branco, com cantos arredondados.Exibir a logo oficial do Coworking Digital (imagem anexa) no topo esquerdo ou centralizado.Título: “Entrar no sistema”Subtítulo: “Acesse sua conta para gerenciar seu coworking”Botões de login com:Google (ícone do Google)LinkedIn (ícone do LinkedIn)Campo de E-mailCampo de SenhaBotão azul: EntrarLink: “Ou criar uma nova conta”, abaixo do botão.🔵 LADO DIREITO (Área azul do sistema)Fundo azul com leve degradê (profissional, moderno).No centro ou canto direito, incluir uma animação sutil (ou ilustração) de um personagem trabalhando em frente ao computador, com estilo minimalista e moderno.Exibir uma única frase chamativa, como:“Gerencie seu coworking com inteligência”Plataforma focada em comunicação e produtividade interna.Sem ícones, sem listas, sem excesso de informação — apenas um elemento visual forte e uma mensagem de impacto.🎯 Instruções complementares:Design 100% responsivo e editável no Figma (modo desktop).Usar fontes modernas e legíveis como Poppins ou Inter.Usar o azul oficial da marca (ou similar).Layout deve estar limpo, com espaçamento adequado e clara hierarquia visual.A logo enviada (imagem .png) deve estar visível no topo ou como marca d’água discreta, mas bem posicionada.
