Dala
uma constelação pairando sobre veludo negro
Dala apresenta um espaço escuro onde vazios negros encontram um único e vibrante toque de roxo, interrompido por brilhos âmbar. A tipografia é monolítica e leve — a fonte PPNeueMontreal, de peso 400, domina cada título em um tamanho grande (78–113px) com espaçamento negativo agressivo entre as letras, fazendo com que os títulos pareçam mais esculturais do que informativos. O centro visual é uma constelação de minúsculas partículas triangulares multicoloridas, formando uma forma orgânica de cérebro, que serve como gesto característico da marca: conhecimento visualizado como inteligência distribuída em vez de dados hierárquicos. O layout segue um ritmo espaçoso de duas colunas — títulos grandes, alinhados à esquerda, combinados com textos volumosos, flutuando sobre um fundo preto limpo, sem painéis, molduras ou cards. Os componentes são deliberadamente reduzidos à sua forma mais essencial: um único botão roxo em forma de pílula, links de texto ocultos e grandes blocos de texto.
As seções de largura total são dispostas em uma tela totalmente preta, com uma largura máxima de conteúdo de aproximadamente 1280px centralizada. A seção principal apresenta um layout assimétrico de duas colunas: um título grande alinhado à esquerda (113px) com o texto principal e a chamada para ação na metade esquerda, enquanto uma visualização de um "cérebro de partículas" ocupa a metade direita em uma escala enorme. As seções subsequentes alternam entre duas colunas (visual à esquerda/texto à direita, depois texto à esquerda/visual à direita), criando um ritmo de leitura em zigue-zague. Os espaçamentos entre as seções são generosos (60–120px na vertical). Não há grades de cartões, tabelas de preços ou descrições de recursos em várias colunas — o conteúdo é organizado em blocos espaçosos de texto e visual em duas colunas. A navegação é feita por uma barra superior transparente minimalista, sem barra lateral ou megamenu. A densidade de elementos é extremamente alta — um ou dois elementos por viewport, nunca sobrecarregados com informações.
O design visual é inteiramente procedural e abstrato — sem fotografias, exceto para retratos da equipe. A identidade visual da marca é uma densa nuvem de milhares de minúsculas partículas triangulares delineadas, renderizadas em um espectro completo e vibrante (violeta, âmbar, turquesa, roxo, azul), formando uma forma orgânica que remete a um cérebro/neurônio. Esse campo de partículas é animado e serve tanto como imagem principal quanto como elemento da identidade da marca. Partículas circundantes, em menor densidade, movem-se pelo fundo da página. Os triângulos possuem contornos, espessura de linha de 1 a 2 pixels, bordas nítidas e cores ricas e cromáticas — nunca em tons de cinza. Os retratos da equipe são exibidos como grandes retângulos arredondados (raio de 124 pixels) sem bordas ou sobreposições. Sem capturas de tela de produtos, sem fotos de estilo de vida, sem renderizações 3D — o sistema de partículas É a marca visual.
Paleta
Marca
- Electric Iris
#8052ff— Os principais botões de ação, o logotipo e os detalhes da marca são de uma única cor roxa intensa, sinalizando interatividade e identidade da marca em um fundo preto.
Neutro
- Void
#000000— A tela da página, os fundos das seções, o espaço negativo — a superfície dominante é o preto puro, não o cinza escuro, criando um vazio que permite que os detalhes cromáticos flutuem livremente. - Bone White
#ffffff— Títulos, corpo do texto, preenchimento de ícones, estado de navegação ativa - a única cor tipográfica que proporciona hierarquia máxima em um fundo preto. - Ash Gray
#9a9a9a— O texto de navegação discreto, a cor translúcida dos links e os rótulos adicionais ficam ocultos atrás do texto principal sem se tornarem invisíveis. - Silver Mist
#bdbdbd— Texto adicional e informações no nível da legenda - a cor cinza, mais discreta e legível, para fornecer contexto. - Saffron Spark
#ffb829— Destacar o texto, enfatizar os links e chamar a atenção com sinais de pontuação — o amarelo quente sobre um fundo roxo cria uma tensão cromática para a marca. - Deep Verdant
#15846e— A coloração secundária da superfície, um gradiente no logotipo, manifesta-se como uma borda mais escura no gradiente da marca e na forma de transições de destaque quase imperceptíveis.
Tipografia
de 12 a 113px · 10 passos
- PPNeueMontreal — substituição: Inter · esboços 200, 400, 600, 700 · Uma fonte consistente é usada em todos os contextos da interface do usuário. Os títulos em tamanhos de exibição (78–113px) usam uma fonte de peso 400 com espaçamento entre letras de -0,04em — o mesmo peso do corpo do texto, mas a escala maior cria hierarquia. Uma fonte de peso 200 (uma fonte ultraleve) é reservada para o corpo do texto de 18px; esta é uma decisão específica da marca: a maioria dos sites de IA/SaaS usa 400 para o corpo do texto, mas a Dala reduz o peso para manter os parágrafos leves e não agressivos. Uma fonte de peso 600 com espaçamento entre letras de 14px, espaçamento entre letras de 0,025em e todas as letras maiúsculas é usada para navegação e títulos pequenos. O uso de 400 tanto para títulos de 113px quanto para o corpo do texto de 15px é incomum — sugere que a marca se baseia na escala, e não no peso, para criar hierarquia.
Intervalos e forma
| Propósito | Significado |
|---|---|
| Densidade | denso |
| Passo básico | 6-18px |
| Raio do botão | 24px |
| Raio do cartão | 24px |
| Sombras | não - bordas em vez de sombras |
| Entre seções | 60-120px |
| Largura da página | 1280px |
A IA criará seu site no estilo Dala e o preencherá.
- Compartilhe produtos e publicações através dos links - Instagram, TikTok, Facebook.
- Transfira o conteúdo do seu site antigo — basta especificar o endereço.
- Design moderno na melhor engine: React ( Next.js) com renderização no servidor e otimização de SEO integradas.
- Otimização de SEO totalmente automatizada para resultados de pesquisa e recomendações de redes neurais.
Estilos semelhantes
- Linear — instrumento de precisão da meia-noite
- Resend — veludo preto com detalhes em roxo neon
- Ciridae — Uma sala vazia com a pulsação de brasas fumegantes - uma catedral quase negra onde o único som quente é uma fina linha de ferrugem, e cada superfície é definida por linhas delicadas em vez de sombras.
- Dovetail — Uma planta sob uma lua negra — linhas do gráfico quase invisíveis, fonte branca, um brilho roxo.
- Neon — Uma sala de servidores após o anoitecer. Escuridão total, onde a única luz vem dos dados e das interações dos usuários.
- Discord — O mundo do jogo está oculto atrás de uma janela de bate-papo pop-up — cada seção é um ambiente independente com sua própria iluminação e conjunto de personagens.
- Aaru — Observatório de Campo de Partículas à Meia-Noite
- Atlas Card — O Cofre da Meia-Noite, com seu único raio de safira, é uma extensão completamente escura onde a única coisa que importa é o azul elétrico profundo.
- Midjourney — Um terminal bioluminescente nas profundezas do oceano. Um mundo submarino onde a inteligência se gera visualmente em fluxos ASCII, e os controles aparecem como padrões levemente brilhantes.
- Checkly — Centro de Controle de Missão em Órbita Profunda
- Krea — galeria noir à meia-noite
- Wope — Wope é uma interface de horizonte púrpura. Imagine uma mesa de observatório escura com uma luz púrpura brilhando por baixo do vidro.