Dala
una constelación flotando sobre terciopelo negro
Dala presenta un espacio oscuro donde vacíos negros se encuentran con un vibrante acento púrpura, interrumpido por destellos ámbar. La tipografía es monolítica y ingrávida: PPNeueMontreal, una fuente de 400 puntos, domina cada titular en un tamaño sobredimensionado (78–113 px) con un agresivo espaciado negativo entre letras, lo que hace que los titulares parezcan más esculturales que informativos. El centro visual es una constelación de diminutas partículas triangulares multicolores que forman una figura orgánica similar a un cerebro, el gesto distintivo de la marca: conocimiento visualizado como inteligencia distribuida en lugar de datos jerárquicos. El diseño sigue un ritmo espacioso de dos columnas: titulares sobredimensionados alineados a la izquierda, acompañados de un texto extenso, que flota sobre un fondo negro limpio sin paneles, marcos ni tarjetas. Los componentes se reducen deliberadamente a su forma más esencial: un único botón púrpura en forma de píldora, enlaces de texto ocultos y grandes bloques de texto.
Las secciones de ancho completo se presentan sobre un fondo negro puro, con un ancho máximo de contenido de ~1280px centrado. La sección principal presenta un diseño asimétrico de dos columnas: un gran titular alineado a la izquierda (113px) con el texto principal y la llamada a la acción en la mitad izquierda, mientras que una visualización de un "cerebro de partículas" ocupa la mitad derecha a una escala enorme. Las secciones subsiguientes alternan entre dos columnas (visual a la izquierda/texto a la derecha, luego texto a la izquierda/visual a la derecha), creando un ritmo de lectura en zigzag. Los márgenes entre secciones son generosos (60–120px verticales). No hay cuadrículas de tarjetas, tablas de precios ni descripciones de características de varias columnas; el contenido se organiza en amplios bloques de texto e imágenes de dos columnas. La navegación es una barra superior transparente minimalista, sin barra lateral ni megamenú. La densidad de elementos es extremadamente alta: uno o dos elementos por ventana gráfica, sin sobrecarga de información.
El diseño visual es completamente procedimental y abstracto; no hay fotografías, excepto los retratos del equipo. La identidad visual de la marca es una densa nube de miles de diminutas partículas triangulares delineadas, renderizadas en un espectro completo y vibrante (violeta, ámbar, turquesa, púrpura, azul), que forman una figura orgánica de cerebro/neurona. Este campo de partículas está animado y sirve tanto como imagen principal como elemento de identidad de marca. Partículas circundantes, con menor densidad, se mueven por el fondo de la página. Los triángulos tienen contornos, un grosor de línea de 1 a 2 píxeles, bordes definidos y colores intensos y cromáticos; nunca en escala de grises. Los retratos del equipo se muestran como grandes rectángulos redondeados (radio de 124 píxeles) sin bordes ni superposiciones. No hay capturas de pantalla de productos, ni fotos de estilo de vida, ni renders 3D: el sistema de partículas ES la marca visual.
Paleta
Marca
- Electric Iris
#8052ff— Los botones de acción principales, el logotipo y los detalles de la marca son de un único color púrpura intenso, lo que indica interactividad e identidad de marca sobre un fondo negro.
Neutral
- Void
#000000— El lienzo de la página, los fondos de las secciones, el espacio negativo: la superficie dominante es de color negro puro, no gris oscuro, lo que crea un vacío que permite que los acentos cromáticos floten libremente. - Bone White
#ffffff— Encabezados, texto principal, relleno de iconos, estado de navegación activo: el único color tipográfico que proporciona la máxima jerarquía sobre un fondo negro. - Ash Gray
#9a9a9a— El texto de navegación discreto, el color translúcido de los enlaces y las etiquetas adicionales quedan ocultos tras el texto principal sin llegar a ser invisibles. - Silver Mist
#bdbdbd— Texto adicional, información a nivel de pie de foto: el color gris más discreto y legible, para facilitar la comprensión del contexto. - Saffron Spark
#ffb829— Resaltar el texto, enfatizar los enlaces y llamar la atención con signos de puntuación: el amarillo cálido sobre un fondo morado crea una tensión cromática para la marca. - Deep Verdant
#15846e— El sombreado secundario de la superficie, una parada de logotipo con degradado, se manifiesta como un borde más oscuro del degradado de la marca y en forma de transiciones de acento apenas perceptibles.
Tipografía
de 12 a 113 píxeles · 10 pasos
- PPNeueMontreal — reemplazo: Inter · esquemas 200, 400, 600, 700 · Se utiliza una fuente consistente en todos los contextos de la interfaz de usuario. Los encabezados en tamaños de visualización (78–113px) usan un peso de 400 con un espaciado entre letras de -0.04em, el mismo peso que el texto principal, pero la mayor escala crea jerarquía. Se reserva un peso de 200 (una fuente ultraligera) para el texto principal de 18px; esta es una decisión específica de la marca: la mayoría de los sitios de IA/SaaS usan 400 para el texto principal, pero Dala reduce el peso para mantener los párrafos ligeros y no agresivos. Se usa un peso de 600 con un espaciado entre letras de 14px, un espaciado entre letras de 0.025em y mayúsculas para la navegación y los encabezados pequeños. El uso de 400 tanto para los encabezados de 113px como para el texto principal de 15px es inusual, lo que sugiere que la marca se basa en la escala, no en el peso, para crear jerarquía.
Intervalos y forma
| Objetivo | Significado |
|---|---|
| Densidad | denso |
| Paso básico | 6-18px |
| Radio del botón | 24px |
| Radio de la tarjeta | 24px |
| Oscuridad | no - bordes en lugar de sombras |
| Entre secciones | 60-120px |
| Ancho de página | 1280px |
La IA construirá tu sitio web al estilo de Dala y lo rellenará.
- Rellena con productos y publicaciones a través del enlace - Instagram, TikTok, Facebook.
- Transfiere el contenido de tu antiguo sitio web; solo tienes que especificar la dirección.
- Diseño moderno sobre el mejor motor: React ( Next.js) con renderizado del lado del servidor y optimización SEO integrada.
- Optimización SEO totalmente automatizada para resultados de búsqueda y recomendaciones mediante redes neuronales.
Estilos similares
- Linear — instrumento de precisión de medianoche
- Resend — terciopelo negro con color neón morado
- Ciridae — Una habitación vacía con el palpitar de brasas humeantes: una catedral casi negra donde el único sonido cálido es una fina línea de óxido, y cada superficie está definida por líneas finas en lugar de sombras.
- Dovetail — Un plano bajo una luna negra: líneas gráficas apenas visibles, fuente blanca, un destello púrpura.
- Neon — Una sala de servidores al anochecer. Oscuridad absoluta, donde la única luz proviene de los datos y las interacciones de los usuarios.
- Discord — El mundo del juego está oculto tras una ventana de chat emergente; cada sección es un entorno independiente con su propia iluminación y conjunto de personajes.
- Aaru — Observatorio de Campo de Partículas a Medianoche
- Atlas Card — La Bóveda de Medianoche, con su único rayo de zafiro, es una extensión completamente oscura donde lo único que importa es el profundo azul eléctrico.
- Midjourney — Una terminal bioluminiscente en las profundidades del océano. Un mundo submarino donde la inteligencia se genera visualmente mediante secuencias ASCII, y los controles aparecen como patrones que emiten un brillo tenue.
- Checkly — Centro de Control de Misiones en Órbita Profunda
- Krea — galería noir a medianoche
- Wope — Wope es una interfaz de horizonte púrpura. Imagina una mesa de observatorio oscura con una luz púrpura que emana desde debajo del cristal.