Dala
una constel·lació flotant sobre vellut negre
Dala presenta un espai fosc on els buits negres es troben amb un únic accent porpra vibrant, interromput per centelleigs ambre. La tipografia és monolítica i sense pes: PPNeueMontreal, una tipografia de pes 400, domina cada titular amb una mida extra gran (78–113 px) amb un espaiat negatiu agressiu entre lletres, fent que els titulars semblin més esculturals que informatius. El centre visual és una constel·lació de petites partícules triangulars multicolors, que formen una forma de cervell orgànic, que serveix com a gest característic de la marca: coneixement visualitzat com a intel·ligència distribuïda en lloc de dades jeràrquiques. El disseny segueix un ritme espaiós de dues columnes: titulars extra grans i alineats a l'esquerra combinats amb un text expansiu, flotant sobre un fons negre net sense panells, marcs ni targetes. Els components es redueixen deliberadament a la seva forma més essencial: un únic botó de píndola porpra, enllaços de text ocults i grans blocs de text.
Les seccions d'amplada completa es disposen sobre un llenç negre pur, amb una amplada màxima de contingut d'uns 1280 px centrada. La secció principal presenta un disseny asimètric de dues columnes: un titular gran alineat a l'esquerra (113 px) amb el text principal i la crida a l'acció a la meitat esquerra, mentre que una visualització de "cervell de partícules" ocupa la meitat dreta a una escala enorme. Les seccions posteriors alternen entre dues columnes (visual esquerra/text dreta, després text esquerra/visual dreta), creant un ritme de lectura en ziga-zaga. Els marges entre seccions són generosos (60–120 px verticals). No hi ha quadrícules de targetes, taules de preus ni descripcions de funcions de diverses columnes: el contingut s'organitza en blocs textuals i visuals espaiosos de dues columnes. La navegació és una barra superior transparent minimalista, sense barra lateral ni megamenú. La densitat d'elements és extremadament alta: un o dos elements per finestra gràfica, mai sobrecarregats d'informació.
El disseny visual és completament procedimental i abstracte: no hi ha fotografies excepte els retrats d'equip. La identitat visual de la marca és un núvol dens de milers de petites partícules triangulars perfilades, representades en un espectre complet i vibrant (violeta, ambre, turquesa, morat, blau), que formen una forma orgànica de cervell/neurona. Aquest camp de partícules està animat i serveix tant com a imatge principal com a element d'identitat de marca. Les partícules circumdants, amb una densitat més baixa, es mouen pel fons de la pàgina. Els triangles tenen contorns, un gruix de línia d'1 a 2 px, vores nítides i colors rics i cromàtics, mai en escala de grisos. Els retrats d'equip es mostren com a grans rectangles arrodonits (radi de 124 px) sense vores ni superposicions. No hi ha captures de pantalla de productes, ni fotos d'estil de vida, ni renders en 3D: el sistema de partícules ÉS la marca visual.
Paleta
Marca
- Electric Iris
#8052ff— Els botons d'acció principals, el logotip i els detalls de la marca són d'un únic color porpra intens, que indica interactivitat i identitat de marca sobre un fons negre.
Neutral
- Void
#000000— El llenç de la pàgina, els fons de les seccions, l'espai negatiu: la superfície dominant és de color negre pur, no de color gris fosc, creant un buit que permet que els accents cromàtics surin lliurement. - Bone White
#ffffff— Encapçalaments, text del cos, farciment d'icones, estat de navegació actiu: l'únic color tipogràfic que proporciona la màxima jerarquia sobre un fons negre. - Ash Gray
#9a9a9a— El text de navegació apagat, el color d'enllaç translúcid i les etiquetes addicionals s'amaguen darrere del text principal sense que es tornin invisibles. - Silver Mist
#bdbdbd— Text addicional, informació a nivell de peu de foto: el color gris més silenciós i llegible, per donar suport al context. - Saffron Spark
#ffb829— Ressaltant text, emfatitzant enllaços i cridant l'atenció amb signes de puntuació: el groc càlid sobre un fons morat crea tensió cromàtica per a la marca. - Deep Verdant
#15846e— El tint superficial secundari, una aturada del logotip en gradient, es manifesta com una vora més fosca del gradient de la marca i en forma de transicions d'accent gairebé imperceptibles.
Tipografia
de 12 a 113 px · 10 passos
- PPNeueMontreal — reemplaçament: Inter · esquemes 200, 400, 600, 700 · S'utilitza una font consistent en tots els contextos de la interfície d'usuari. Els encapçalaments en mides de visualització (78–113 px) utilitzen un pes de 400 amb un espaiat de lletres de -0,04 em, el mateix pes que el text del cos, però l'escala més gran crea jerarquia. Es reserva un pes de 200 (una font ultralleugera) per al text del cos de 18 px; aquesta és una decisió específica de la marca: la majoria de llocs web d'IA/SaaS utilitzen 400 per al text del cos, però Dala redueix el pes per mantenir els paràgrafs lleugers i no agressius. Per a la navegació i els encapçalaments petits s'utilitza un pes de 600 amb un espaiat de lletres de 14 px, un espaiat de lletres de 0,025 em i tot en majúscules. L'ús de 400 tant per als encapçalaments de 113 px com per al text del cos de 15 px és inusual: suggereix que la marca es basa en l'escala, no en el pes, per crear jerarquia.
Intervals i forma
| Propòsit | Significat |
|---|---|
| Densitat | dens |
| Pas bàsic | 6-18px |
| Radi del botó | 24px |
| Radi de la targeta | 24px |
| Ombres | sense vores en comptes d'ombres |
| Entre seccions | 60-120px |
| Amplada de la pàgina | 1280px |
La IA crearà el vostre lloc web a l'estil Dala i l'omplirà.
- Omple amb productes i publicacions a través de l'enllaç: Instagram, TikTok, Facebook.
- Transfereix contingut del teu lloc web antic; només cal que especifiquis l'adreça.
- Disseny modern en el millor motor: React ( Next.js) amb renderització de servidor i optimització SEO des del primer moment.
- Optimització SEO totalment automatitzada per a resultats de cerca i recomanacions de xarxes neuronals.
Estils similars
- Linear — instrument de precisió de mitjanit
- Resend — vellut negre amb color neó morat
- Ciridae — Una habitació buida amb la pulsació de les brases fumejants: una catedral gairebé negra on l'únic so càlid és una fina línia d'òxid, i cada superfície està definida per línies fines en lloc d'ombres.
- Dovetail — Un plànol sota una lluna negra: línies gràfiques gairebé invisibles, font blanca, una guspira porpra
- Neon — Una sala de servidors després de la foscor. Foscor pura, on l'única llum prové de les dades i les interaccions dels usuaris.
- Discord — El món del joc està amagat darrere d'una finestra de xat emergent: cada secció és un entorn independent amb la seva pròpia il·luminació i conjunt de personatges.
- Aaru — Observatori de Camp de Partícules a Mitjanit
- Atlas Card — La Volta de Mitjanit, amb el seu únic raig de safir, és una extensió negra com la boca on l'única cosa que importa és el blau elèctric profund.
- Midjourney — Una terminal bioluminescent a les profunditats marines. Un món marí profund on la intel·ligència es genera visualment en fluxos ASCII i els controls apareixen com a patrons lleugerament brillants.
- Checkly — Centre de Control de Missió en Òrbita Profunda
- Krea — galeria noir a mitjanit
- Wope — Wope és una interfície d'horitzó porpra. Imagineu-vos una taula d'observatori fosca amb una llum porpra que irradia des de sota el vidre.