PRODUTO, UX E IDENTIDADE VISUAL (ALTO NÍVEL)
Este documento apresenta as diretrizes fundamentais de design, paleta de cores por perfil de usuário e padrões de interface para o desenvolvimento completo do produto. Cada elemento foi cuidadosamente planejado para criar uma experiência visual coesa e funcional.
Paleta oficial por tipo de usuário (hex)
A identidade visual do produto é estruturada através de uma paleta de cores específica para cada tipo de usuário, garantindo diferenciação clara e reconhecimento imediato de cada perfil dentro da plataforma. Cada cor foi selecionada estrategicamente para representar as características e o propósito de cada categoria de usuário.
Entusiasta
#FF7A00
Cor vibrante e energética que representa paixão e engajamento ativo com o conteúdo da plataforma
Artista
#D94EFF
Tom criativo e expressivo que simboliza a natureza artística e inovadora deste perfil
Premium
#FFB400
Dourado sofisticado que transmite exclusividade e valor agregado aos assinantes premium
Anunciante
#FF4D4D
Vermelho impactante que chama atenção e representa a força das campanhas publicitárias
Estabelecimento
#00BFA5
Verde-água profissional que transmite confiança e solidez institucional
Colaboradores
#4A90E2
Azul colaborativo que representa trabalho em equipe e comunicação eficiente
Patronos
#008060
Verde nobre que simboliza investimento, crescimento e apoio financeiro sustentável
Produtoras
#7E57C2
Roxo criativo que representa produção de conteúdo de alta qualidade e profissionalismo
Esta segmentação cromática permite que usuários identifiquem rapidamente contextos, funcionalidades e áreas específicas da plataforma, criando uma navegação mais intuitiva e uma experiência visual memorável.
Diretrizes de UI
As diretrizes de interface do usuário estabelecem os fundamentos visuais e técnicos que garantem consistência em toda a experiência do produto. Cada elemento foi definido para criar uma identidade visual única e reconhecível.
Gradiente Oficial
#FF7A00 ↔ #A13AD7
O degradê oficial transita suavemente do laranja vibrante para o roxo profundo, criando uma assinatura visual distintiva que permeia toda a interface. Este gradiente é aplicado estrategicamente em elementos de destaque, botões de ação primária e áreas de foco visual.
Componentes e Estrutura
  • Cartões com raio de vinte e quatro pixels, sombra suave: Todos os containers e cartões utilizam bordas arredondadas de 24px, proporcionando uma estética moderna e acolhedora. As sombras são sutis e elevam os elementos sem criar peso visual excessivo.
  • Espaçamento consistente: Os cartões mantêm hierarquia visual através de espaçamento padronizado e alinhamento preciso.
Tipografia
  • Plus Jakarta Sans (títulos): Fonte geométrica e moderna para todos os cabeçalhos, transmitindo contemporaneidade e clareza.
  • Inter (corpo/labels): Fonte altamente legível para textos corridos e etiquetas, otimizada para leitura em telas digitais.
Sistema de Ícones
Ícones outline com traço arredondado (tamanhos principais vinte e quatro a vinte e oito): O conjunto iconográfico utiliza exclusivamente o estilo outline com terminações arredondadas, mantendo coerência com o design geral. Os tamanhos padrão variam entre 24px e 28px, garantindo legibilidade e proporção adequada em diferentes contextos de uso.
Padrão "pôr-do-sol"
laranja → magenta → roxo → índigo em fundos e cartões
Esta progressão cromática inspirada no pôr-do-sol cria transições visuais suaves e envolventes, aplicadas em fundos de seções, cartões destacados e elementos de navegação. A sequência de cores estabelece uma jornada visual que guia o usuário através da interface de forma natural e intuitiva.
Estas diretrizes formam a base do sistema de design, assegurando que cada tela, componente e interação mantenha a identidade visual estabelecida e proporcione uma experiência coesa em todos os pontos de contato com o usuário.
Padrão de telas/painéis desejados
A arquitetura de informação define painéis específicos para cada tipo de usuário, otimizando a experiência conforme as necessidades e objetivos de cada perfil. Cada painel foi projetado para apresentar informações relevantes e ações prioritárias de forma clara e acessível.
Patronos
O painel de patronos concentra-se em gestão financeira e acompanhamento de investimentos:
  • Saldo: Visualização em tempo real do saldo disponível e histórico de transações
  • Transferência: Interface simplificada para realizar transferências entre contas e beneficiários
  • Investimento adicional: Módulo para aportes complementares com simulações de retorno
  • Cálculo em dólar: Conversão automática e acompanhamento de valores em moeda estrangeira para investidores internacionais
Todos os elementos financeiros incluem gráficos de evolução, relatórios detalhados e notificações de movimentações importantes.
Anunciantes
O painel de anunciantes oferece controle completo sobre campanhas publicitárias:
  • Saldo restante de campanha em CTC: Monitoramento em tempo real do crédito disponível para campanhas ativas, com indicadores visuais de consumo
  • Distribuído: Análise detalhada de como o investimento foi distribuído entre diferentes canais, públicos e formatos de anúncio
  • Recarga: Sistema ágil para adicionar créditos à conta publicitária com múltiplas opções de pagamento
O painel inclui métricas de performance, alcance, engajamento e ROI, permitindo otimização contínua das campanhas.
Conta Arte Premium
A conta premium oferece um ecossistema completo para gestão de projetos artísticos:
  • Projetos: Gerenciamento de portfólio com upload de trabalhos, organização por categorias e controle de versões
  • Editais: Central de oportunidades com filtros avançados, alertas personalizados e sistema de candidatura integrado
  • Equipe/contratações: Módulo para formar equipes colaborativas, gerenciar contratos e coordenar trabalhos em grupo
  • Financeiro: Dashboard completo com receitas, despesas, impostos e relatórios fiscais
Estes botões e módulos já foram citados como parte do UX em construção, formando a base da experiência premium.

Especificação em Desenvolvimento
Detalhamento completo de cada painel: a definir como especificação final consolidada.
A documentação técnica detalhada de cada painel, incluindo fluxos de usuário, estados de interface, tratamento de erros e casos de uso específicos, será desenvolvida na próxima fase do projeto. Esta especificação abrangerá wireframes de alta fidelidade, protótipos interativos e guias de implementação para desenvolvedores.
A estrutura modular dos painéis permite expansão futura e personalização conforme feedback dos usuários, mantendo sempre a coerência com as diretrizes de UI e a identidade visual estabelecida.