Dala
egy csillagkép lebeg fekete bársonyon
A Dala egy sötét teret hoz létre, ahol a fekete üregek találkoznak egyetlen élénk lila akcentussal, amelyet borostyánszínű csillogás szakít meg. A tipográfia monolitikus és súlytalan – a PPNeueMontreal, egy 400-as súlyú betűtípus, minden címsort túlméretezett méretben (78–113 képpont) és agresszív negatív betűközzel ural, így a címsorok inkább szoborszerűek, mint informatívak. A vizuális középpont apró, többszínű háromszög alakú részecskék konstellációja, amelyek organikus agyformát alkotnak, ami a márka jellegzetes gesztusa: a tudás elosztott intelligenciaként, nem pedig hierarchikus adatként jelenik meg. Az elrendezés egy tágas, kéthasábos ritmust követ – túlméretezett, balra igazított címsorok párosulnak terjedelmes szöveggel, amely tiszta fekete háttér előtt lebeg, panelek, keretek vagy kártyák nélkül. Az összetevőket szándékosan a leglényegesebb formájukra redukálták: egyetlen lila tabletta gomb, rejtett szöveges linkek és nagy szövegblokkok.
A teljes szélességű szakaszok tiszta fekete vászonra vannak elrendezve, a maximális tartalom szélessége középre igazítva ~1280 képpont. A fő szakasz aszimmetrikus, kéthasábos elrendezést mutat: egy nagy, balra igazított címsor (113 képpont), amelynek bal felét a fő szöveg és a cselekvésre ösztönzés foglalja el, míg a jobb felét hatalmas léptékben egy "részecskeagy" vizualizáció foglalja el. A következő szakaszok két hasáb között váltakoznak (bal oldali vizuális/jobb oldali szöveg, majd bal oldali szöveg/jobb oldali vizuális), cikkcakk olvasási ritmust hozva létre. A szakaszok közötti kötésmargók nagyok (60–120 képpont függőlegesen). Nincsenek kártyarácsok, árlisták vagy többhasábos funkcióleírások – a tartalom tágas, kéthasábos szöveg-vizuális blokkokban van elrendezve. A navigáció egy minimalista, átlátszó felső sáv, oldalsáv vagy mega-menü nélkül. Az elemek sűrűsége rendkívül magas – nézetablakonként egy vagy két elem, soha nem túlterhelve információkkal.
A vizuális design teljes mértékben procedurális és absztrakt – nincsenek fényképek, kivéve a csapatportrékat. A márka vizuális identitása több ezer apró, körvonalas, háromszög alakú részecske sűrű felhője, amelyeket teljes, élénk spektrumban (ibolya, borostyán, türkiz, lila, kék) renderelnek, organikus agy/neuron alakzatot alkotva. Ez a részecskemező animált, és fő képként és márkaidentitás-elemként is szolgál. A környező részecskék, alacsonyabb sűrűséggel, az oldal hátterén mozognak. A háromszögeknek körvonalaik, 1–2 képpontos vonalvastagságuk, éles széleik és gazdag, kromatikus színeik vannak – soha nem szürkeárnyalatosak. A csapatportrék nagy, lekerekített téglalapokként (124 képpont sugarúak) jelennek meg, szegélyek vagy átfedések nélkül. Nincsenek termékképernyőképek, nincsenek életmódfotók, nincsenek 3D renderelések – a részecskerendszer A vizuális márka.
Paletta
Márka
- Electric Iris
#8052ff— A fő akciógombok, a logó és a márkajelzések egyetlen, gazdag lila színben pompáznak, amely az interaktivitást és a márkaidentitást jelzi fekete háttér előtt.
Semleges
- Void
#000000— Az oldalvászon, a metszetek háttere, a negatív tér – a domináns felület tiszta fekete, nem sötétszürke, így egy űrt hoz létre, amely lehetővé teszi a kromatikus hangsúlyok szabad lebegését. - Bone White
#ffffff— Címsorok, szövegtörzs, ikonkitöltés, aktív navigációs állapot – az egyetlen tipográfiai szín, amely maximális hierarchiát biztosít fekete háttéren. - Ash Gray
#9a9a9a— A visszafogott navigációs szöveg, az áttetsző linkszín és a további címkék a fő szöveg mögött rejtőznek anélkül, hogy láthatatlanná válnának. - Silver Mist
#bdbdbd— Kiegészítő szöveg, információ a felirat szintjén - a legcsendesebb és legolvashatóbb szürke szín, a kontextus támogatása érdekében. - Saffron Spark
#ffb829— A szöveg kiemelése, a linkek hangsúlyozása és a figyelemfelkeltés írásjelekkel – a meleg sárga szín lila háttér előtt kromatikus feszültséget teremt a márka számára. - Deep Verdant
#15846e— A másodlagos felületi színezés, egy gradiens logómegállítás, a márkaátmenet sötétebb széleként és alig észrevehető hangsúlyátmenetek formájában nyilvánul meg.
Tipográfia
12-től 113 képpontig · 10 lépésben
- PPNeueMontreal — csere: Inter · körvonalak 200, 400, 600, 700 · Minden felhasználói felületen egységes betűtípust használunk. A megjelenítési méretekben (78–113 képpont) a címsorok 400-as betűvastagságot használnak -0,04em betűközzel – ez megegyezik a törzsszöveg súlyával, de a nagyobb méretarány hierarchiát hoz létre. A 200-as súlyt (egy ultravékony betűtípust) a 18 képpontos törzsszöveghez tartják fenn; ez márkaspecifikus döntés: a legtöbb AI/SaaS oldal 400-as betűközt használ a törzsszöveghez, de a Dala csökkenti a súlyt, hogy a bekezdések légiesek és nem agresszívek maradjanak. A navigációhoz és a kis címsorokhoz 600-as súlyt, 14 képpontos betűközt, 0,025em betűközt és csupa nagybetűt használnak. A 400-as betűtípus használata mind a 113 képpontos címsoroknál, mind a 15 képpontos törzsszövegnél szokatlan – ez arra utal, hogy a márka a méretezésre, nem pedig a súlyra támaszkodik a hierarchia létrehozásához.
Intervallumok és forma
| Cél | Jelentés |
|---|---|
| Sűrűség | sűrű |
| Alapvető lépés | 6-18px |
| Gomb sugara | 24px |
| Kártya sugara | 24px |
| Árnyékok | nincs - szegélyek árnyékok helyett |
| Szakaszok között | 60-120px |
| Oldal szélessége | 1280px |
A mesterséges intelligencia Dala stílusban fogja elkészíteni a weboldaladat, és kitölti azt.
- Töltsd fel termékeidet és posztjaidat a linkeken keresztül - Instagram, TikTok, Facebook.
- Tartalom átvitele régi webhelyéről – csak adja meg a címet.
- Modern dizájn a legjobb keresőmotoron: React ( Next.js) szerveralapú rendereléssel és SEO optimalizálással, azonnal használható formában.
- Teljesen automatizált SEO optimalizálás a keresési eredményekhez és a neurális hálózati ajánlásokhoz.
Hasonló stílusok
- Linear — éjféli precíziós műszer
- Resend — fekete bársony lila neon színnel
- Ciridae — Egy üres szoba, parázsló lüktetésével – egy szinte fekete katedrális, ahol az egyetlen meleg hang a rozsda vékony csíkja, és minden felületet finom vonalak, nem pedig árnyékok határoznak meg.
- Dovetail — Egy tervrajz a fekete hold alatt – alig látható grafikonvonalak, fehér betűtípus, egyetlen lila csillogás
- Neon — Egy szerverszoba sötétedés után. Tiszta sötétség, ahol az egyetlen fény az adatokból és a felhasználói interakciókból származik.
- Discord — A játékvilág egy felugró csevegőablak mögött rejtőzik – minden részleg önálló környezet saját világítással és karakterkészlettel.
- Aaru — Részecsketér-obszervatórium éjfélkor
- Atlas Card — Az Éjféli Trezor, egyetlen zafírsugárával, koromsötét kiterjedés, ahol csak a mély elektromos kék számít.
- Midjourney — Egy biolumineszcens terminál a mélyóceánban. Egy mélytengeri világ, ahol az intelligencia vizuálisan ASCII adatfolyamokban generálja magát, és a vezérlők halványan világító mintákként jelennek meg.
- Checkly — Mélypályás Misszióirányító Központ
- Krea — galéria noir éjfélkor
- Wope — A Wope egy lila horizontú interfész. Képzelj el egy sötét csillagvizsgáló asztalt, amelynek üvege alól lila fény szűrődik ki.