Especificacao completa de dark mode para produto existente

Guia tecnico para implementar dark mode em um produto que so possui tema claro, cobrindo todos os edge cases.

dark modetema escurotokenselevacaoimplementacao

Objetivo do Prompt

Planejar e especificar a implementacao de dark mode em um produto digital existente, garantindo que todos os componentes, ilustracoes e conteudo dinamico funcionem corretamente nos dois modos.

Exemplo Real de Uso

O DeliveryJa, maior app de delivery regional do Nordeste, tem seu painel do restaurante parceiro apenas em modo claro. Donos de restaurante que trabalham a noite relatam cansaco visual, e o NPS de usabilidade do painel caiu 12 pontos no ultimo trimestre entre usuarios noturnos.

Prompt

Este prompt contém instruções detalhadas para a sua profissão. Com ele você vai poder gerar resultados incríveis usando qualquer ferramenta de IA como ChatGPT, Claude ou Gemini. O prompt inclui variáveis personalizáveis e exemplos práticos que facilitam o uso imediato no seu dia a dia de trabalho. Basta copiar, personalizar os campos marcados e colar no seu assistente de IA preferido. Prompts bem estruturados como este economizam horas de trabalho e garantem resultados muito superiores aos prompts genéricos.

Prompt exclusivo para assinantes

Assine para desbloquear este e milhares de outros prompts.

Assinar para desbloquear

Como usar este prompt

1Cole o prompt diretamente no ChatGPT, Claude, Gemini ou qualquer assistente de IA.
2Personalize os campos entre colchetes [assim] com suas informações específicas.
3Para melhores resultados, forneça contexto adicional sobre seu caso de uso.
4Combine múltiplos prompts em uma conversa para resultados mais completos.
5Salve os prompts que mais usa para acesso rápido no futuro.

Prompts relacionados

Ver todos

Sistema de cores para produto digital com acessibilidade garantida

Cria uma paleta de cores completa com tokens semanticos, modos claro/escuro e conformidade WCAG AA.

Intermediáriocoresdesign tokensmodo escuro

Aberto

Hierarquia tipografica para interfaces responsivas

Define uma escala tipografica completa com fluid typography, pesos e espacamentos para web e mobile.

Intermediáriotipografiaresponsivoescala modular

Aberto

Layout responsivo com grid system para dashboards complexos

Projeta um sistema de grid flexivel para dashboards com cards, tabelas e graficos que se adaptam a qualquer viewport.

Avançadogriddashboardresponsivo

Aberto

Biblioteca de micro-interacoes para engajamento e feedback

Cataloga micro-interacoes para estados de componentes, transicoes e feedback visual que melhoram a percepcao de qualidade.

Avançadomicro-interacoesanimacaofeedback

Assinantes

Explore outras categorias de prompts

💻Programação e Dev 📱Redes Sociais 🎬Criação de Conteúdo Ver todas as categorias

Assine o AulasDeIA para desbloquear

Acesse 10.000+ prompts prontos para usar em qualquer profissão, além de todos os cursos da plataforma.

Assinar por R$ 49,90/mês

Cancele quando quiser. Sem multas.