Dala
unha constelación pairando sobre veludo negro
Dala presenta un espazo escuro onde os baleiros negros se atopan cun único acento púrpura vibrante, interrompido por brillos ámbar. A tipografía é monolítica e lixeira: PPNeueMontreal, un tipo de letra de peso 400, domina cada titular cun tamaño extragrande (78–113 px) cun espazado negativo agresivo entre letras, facendo que os titulares parezan máis esculturales que informativos. O centro visual é unha constelación de pequenas partículas triangulares multicolores, que forman unha forma de cerebro orgánico, que serve como o xesto característico da marca: coñecemento visualizado como intelixencia distribuída en lugar de datos xerárquicos. A maquetación segue un ritmo espazoso de dúas columnas: titulares extragrandes e aliñados á esquerda combinados con textos amplos, flotando sobre un fondo negro limpo sen paneis, marcos nin tarxetas. Os compoñentes redúcense deliberadamente á súa forma máis esencial: un único botón de pílula púrpura, ligazóns de texto ocultas e grandes bloques de texto.
As seccións de ancho completo están dispostas sobre unha lona negra pura, cun ancho máximo de contido de ~1280 px centrado. A sección principal presenta un deseño asimétrico de dúas columnas: un titular grande aliñado á esquerda (113 px) co texto principal e a chamada á acción na metade esquerda, mentres que unha visualización de "cerebro de partículas" ocupa a metade dereita a unha escala enorme. As seccións posteriores alternan entre dúas columnas (visual esquerda/texto dereita, despois texto esquerda/visual dereita), creando un ritmo de lectura en zigzag. Os espazos entre as seccións son xenerosos (60–120 px verticais). Non hai grellas de tarxetas, táboas de prezos nin descricións de funcións de varias columnas: o contido está disposto en amplos bloques de texto e visuais de dúas columnas. A navegación é unha barra superior transparente minimalista, sen barra lateral nin megamenú. A densidade de elementos é extremadamente alta: un ou dous elementos por ventá gráfica, nunca sobrecargados de información.
O deseño visual é totalmente procedimental e abstracto, sen fotografías agás os retratos dos equipos. A identidade visual da marca é unha nube densa de miles de diminutas partículas triangulares perfiladas, representadas nun espectro completo e vibrante (violeta, ámbar, turquesa, morado, azul), que forman unha forma orgánica de cerebro/neurona. Este campo de partículas está animado e serve tanto como imaxe principal como como elemento de identidade da marca. As partículas circundantes, cunha densidade menor, móvense polo fondo da páxina. Os triángulos teñen contornos, un grosor de liña de 1 a 2 px, bordos nítidos e cores cromáticas ricas, nunca en escala de grises. Os retratos dos equipos móstranse como rectángulos grandes e redondeados (de radio de 124 px) sen bordos nin superposicións. Sen capturas de pantalla de produtos, sen fotos de estilo de vida, sen renderizacións en 3D: o sistema de partículas É a marca visual.
Paleta
Marca
- Electric Iris
#8052ff— Os botóns de acción principais, o logotipo e os detalles da marca son dunha única cor púrpura intensa, que sinala interactividade e identidade da marca sobre un fondo negro.
Neutro
- Void
#000000— O lenzo da páxina, os fondos das seccións, o espazo negativo: a superficie dominante é negra pura, non gris escuro, creando un baleiro que permite que os acentos cromáticos floten libremente. - Bone White
#ffffff— Títulos, corpo de texto, recheo de iconas, estado de navegación activo: a única cor tipográfica que proporciona a máxima xerarquía sobre un fondo negro. - Ash Gray
#9a9a9a— O texto de navegación tenue, a cor translúcida das ligazóns e as etiquetas adicionais ocúltanse detrás do texto principal sen facerse invisibles. - Silver Mist
#bdbdbd— Texto adicional, información a nivel de subtítulo: a cor gris máis discreta e lexible para apoiar o contexto. - Saffron Spark
#ffb829— Resaltar texto, salientar ligazóns e chamar a atención con signos de puntuación: o amarelo cálido sobre un fondo morado crea tensión cromática para a marca. - Deep Verdant
#15846e— A cor superficial secundaria, unha parada de degradado do logotipo, maniféstase como un bordo máis escuro do degradado da marca e en forma de transicións de acento apenas perceptibles.
Tipografía
de 12 a 113 px · 10 pasos
- PPNeueMontreal — substitución: Inter · contornos 200, 400, 600, 700 · Úsase unha fonte consistente en todos os contextos da interface de usuario. Os títulos en tamaños de visualización (78–113 px) usan un grosor de 400 cun espazado entre letras de -0,04 em, o mesmo grosor que o corpo do texto, pero a escala maior crea xerarquía. Un grosor de 200 (unha fonte ultralixeira) está reservado para o corpo do texto de 18 px; esta é unha decisión específica da marca: a maioría dos sitios de IA/SaaS usan 400 para o corpo do texto, pero Dala reduce o grosor para manter os parágrafos lixeiros e non agresivos. Un grosor de 600 cun espazado entre letras de 14 px, espazado entre letras de 0,025 em e maiúsculas úsase para a navegación e os títulos pequenos. O uso de 400 tanto para títulos de 113 px como para o corpo do texto de 15 px é inusual: suxire que a marca se basea na escala, non no grosor, para crear xerarquía.
Intervalos e forma
| Propósito | Significado |
|---|---|
| Densidade | denso |
| Paso básico | 6-18px |
| Radio do botón | 24px |
| Radio da tarxeta | 24px |
| Sombras | sen bordos en vez de sombras |
| Entre seccións | 60-120px |
| Largura da páxina | 1280px |
A IA creará o teu sitio web ao estilo de Dala e o encherá
- Enche con produtos e publicacións a través da ligazón: Instagram, TikTok, Facebook.
- Transfire contido do teu sitio antigo: só tes que especificar o enderezo.
- Deseño moderno no mellor motor: React ( Next.js) con renderización de servidor e optimización SEO listas para usar.
- Optimización SEO totalmente automatizada para resultados de busca e recomendacións de redes neuronais.
Estilos semellantes
- Linear — instrumento de precisión de medianoite
- Resend — terciopelo negro con cor neón púrpura
- Ciridae — Unha habitación baleira coa pulsación de brasas fumegantes: unha catedral case negra onde o único son cálido é unha fina liña de ferruxe, e cada superficie está definida por liñas finas en lugar de sombras.
- Dovetail — Un plano baixo unha lúa negra: liñas gráficas apenas visibles, fonte branca, un brillo púrpura
- Neon — Unha sala de servidores despois do anoitecer. Escuridade pura, onde a única luz provén dos datos e das interaccións dos usuarios.
- Discord — O mundo do xogo está agochado detrás dunha xanela de chat emerxente: cada sección é un ambiente independente coa súa propia iluminación e conxunto de personaxes.
- Aaru — Observatorio do Campo de Partículas á Medianoite
- Atlas Card — A Bóveda de Medianoite, co seu único raio de zafiro, é unha extensión escura como a boca onde o único que importa é o azul eléctrico profundo.
- Midjourney — Un terminal bioluminescente nas profundidades do océano. Un mundo das profundidades mariñas onde a intelixencia se xera visualmente en fluxos ASCII e os controis aparecen como patróns lixeiramente brillantes.
- Checkly — Centro de Control de Misións en Órbita Profunda
- Krea — galería noir á medianoite
- Wope — Wope é unha interface de horizonte púrpura. Imaxina unha mesa de observatorio escura cunha luz púrpura que irradia desde debaixo do vidro.