Dala
una costellazione sospesa su velluto nero
Dala presenta uno spazio oscuro dove vuoti neri incontrano un unico vibrante accento viola, interrotto da scintillii ambrati. La tipografia è monolitica e impalpabile: PPNeueMontreal, un carattere di peso 400, domina ogni titolo in una dimensione oversize (78-113px) con un'aggressiva spaziatura negativa tra le lettere, conferendo ai titoli un aspetto più scultoreo che informativo. Il centro visivo è una costellazione di minuscole particelle triangolari multicolori che formano la sagoma organica di un cervello, elemento distintivo del marchio: la conoscenza visualizzata come intelligenza distribuita piuttosto che come dati gerarchici. Il layout segue un ampio ritmo a due colonne: titoli oversize allineati a sinistra abbinati a testi corposi e ampi, che fluttuano su uno sfondo nero pulito senza pannelli, cornici o riquadri. Gli elementi sono volutamente ridotti alla loro forma essenziale: un singolo pulsante viola a forma di pillola, link di testo nascosti e grandi blocchi di testo.
Le sezioni a tutta larghezza sono disposte su uno sfondo nero puro, con una larghezza massima del contenuto di circa 1280px centrato. La sezione principale presenta un layout asimmetrico a due colonne: un grande titolo allineato a sinistra (113px) con il testo principale e la call-to-action nella metà sinistra, mentre una visualizzazione a "cervello di particelle" occupa la metà destra in scala enorme. Le sezioni successive si alternano tra due colonne (immagine a sinistra/testo a destra, poi testo a sinistra/immagine a destra), creando un ritmo di lettura a zig-zag. Gli spazi tra le sezioni sono ampi (60-120px in verticale). Non sono presenti griglie di schede, tabelle dei prezzi o descrizioni delle funzionalità su più colonne: il contenuto è organizzato in spaziosi blocchi testo-immagine a due colonne. La navigazione è costituita da una barra superiore trasparente e minimalista, senza barra laterale o mega-menu. La densità degli elementi è estremamente elevata: uno o due elementi per viewport, mai sovraccaricati di informazioni.
Il design visivo è interamente procedurale e astratto: nessuna fotografia, ad eccezione dei ritratti di squadra. L'identità visiva del marchio è una densa nuvola di migliaia di minuscole particelle triangolari delineate, renderizzate in uno spettro completo e vibrante (violetto, ambra, turchese, porpora, blu), che formano una sagoma organica di cervello/neurone. Questo campo di particelle è animato e funge sia da immagine principale che da elemento dell'identità del marchio. Le particelle circostanti, a densità inferiore, si muovono sullo sfondo della pagina. I triangoli hanno contorni, uno spessore di linea di 1-2 pixel, bordi netti e colori ricchi e cromatici, mai in scala di grigi. I ritratti di squadra sono visualizzati come grandi rettangoli arrotondati (raggio di 124 pixel) senza bordi o sovrapposizioni. Nessuno screenshot di prodotto, nessuna foto lifestyle, nessun rendering 3D: il sistema di particelle È l'identità visiva del marchio.
Tavolozza
Marca
- Electric Iris
#8052ff— I pulsanti principali, il logo e gli elementi distintivi del marchio sono di un unico, intenso colore viola, che sottolinea l'interattività e l'identità del marchio su uno sfondo nero.
Neutro
- Void
#000000— La tela della pagina, gli sfondi delle sezioni, lo spazio negativo: la superficie dominante è di un nero puro, non grigio scuro, creando un vuoto che permette agli accenti cromatici di fluttuare liberamente. - Bone White
#ffffff— Intestazioni, corpo del testo, riempimento delle icone, stato di navigazione attivo: l'unico colore tipografico che offre la massima gerarchia su sfondo nero. - Ash Gray
#9a9a9a— Il testo di navigazione dai toni tenui, il colore traslucido dei link e le etichette aggiuntive sono nascosti dietro il testo principale senza diventare invisibili. - Silver Mist
#bdbdbd— Testo aggiuntivo, informazioni a livello di didascalia - il colore grigio più tenue e leggibile, per supportare il contesto. - Saffron Spark
#ffb829— Evidenziando il testo, mettendo in risalto i link e attirando l'attenzione con la punteggiatura, il giallo caldo su sfondo viola crea una tensione cromatica per il marchio. - Deep Verdant
#15846e— La colorazione secondaria della superficie, un punto di interruzione del logo sfumato, si manifesta come un bordo più scuro della sfumatura del marchio e sotto forma di transizioni di accento appena percettibili.
Tipografia
da 12 a 113px · 10 passaggi
- PPNeueMontreal — sostituzione: Inter · contorni 200, 400, 600, 700 · In tutti i contesti dell'interfaccia utente viene utilizzato un carattere coerente. I titoli con dimensioni di visualizzazione (78-113 px) utilizzano un peso di 400 con spaziatura tra le lettere di -0,04em, lo stesso peso del corpo del testo, ma la scala maggiore crea gerarchia. Un peso di 200 (un carattere ultraleggero) è riservato al corpo del testo di 18 px; questa è una scelta specifica del marchio: la maggior parte dei siti di IA/SaaS utilizza 400 per il corpo del testo, ma Dala riduce il peso per mantenere i paragrafi ariosi e non aggressivi. Un peso di 600 con spaziatura tra le lettere di 14 px, spaziatura tra le lettere di 0,025em e in maiuscolo viene utilizzato per la navigazione e i titoli di piccole dimensioni. L'uso di 400 sia per i titoli di 113 px che per il corpo del testo di 15 px è insolito: suggerisce che il marchio si affida alla scala, non al peso, per creare gerarchia.
Intervalli e forma
| Scopo | Senso |
|---|---|
| Densità | denso |
| Passo base | 6-18px |
| Raggio del pulsante | 24px |
| Raggio della carta | 24px |
| Ombre | no - bordi invece di ombre |
| Tra le sezioni | 60-120px |
| Larghezza del pannello | 1280px |
L'IA creerà il tuo sito web nello stile Dala e lo riempirà
- Pubblica prodotti e contenuti tramite il link: Instagram, TikTok, Facebook.
- Trasferisci i contenuti dal tuo vecchio sito: basta specificare l'indirizzo.
- Design moderno sul miglior motore: React ( Next.js) con rendering lato server e ottimizzazione SEO integrata.
- Ottimizzazione SEO completamente automatizzata per i risultati di ricerca e raccomandazioni basate su reti neurali.
Stili simili
- Linear — strumento di precisione di mezzanotte
- Resend — velluto nero con dettagli viola neon
- Ciridae — Una stanza vuota percorsa dal pulsare di braci ardenti: una cattedrale quasi nera dove l'unico suono caldo è un sottile fruscio di ruggine e ogni superficie è definita da linee delicate anziché da ombre.
- Dovetail — Un progetto sotto una luna nera: linee del grafico appena visibili, caratteri bianchi, un luccichio viola
- Neon — Una sala server al calar della notte. Oscurità assoluta, dove l'unica luce proviene dai dati e dalle interazioni degli utenti.
- Discord — Il mondo di gioco è nascosto dietro una finestra di chat a comparsa: ogni sezione è un ambiente autonomo con una propria illuminazione e un proprio set di personaggi.
- Aaru — Osservatorio del campo di particelle a mezzanotte
- Atlas Card — La Cripta di Mezzanotte, con il suo unico raggio di zaffiro, è una distesa di oscurità impenetrabile dove l'unica cosa che conta è il profondo blu elettrico.
- Midjourney — Un terminale bioluminescente nelle profondità oceaniche. Un mondo sottomarino dove l'intelligenza si genera visivamente in flussi ASCII e i comandi appaiono come motivi debolmente luminosi.
- Checkly — Centro di controllo della missione in orbita profonda
- Krea — galleria nera a mezzanotte
- Wope — Wope è un'interfaccia a orizzonte viola. Immaginate un tavolo scuro da osservatorio con una luce viola che filtra da sotto il vetro.