Dala
konstelacja unosząca się na czarnym aksamicie
Dala prezentuje ciemną przestrzeń, w której czarne pustki spotykają się z pojedynczym, żywym, fioletowym akcentem, przerywanym bursztynowymi iskierkami. Typografia jest monolityczna i lekka – PPNeueMontreal, krój pisma o grubości 400, dominuje nad każdym nagłówkiem w powiększonym formacie (78–113 px) z agresywnym, ujemnym odstępem między literami, przez co nagłówki wydają się bardziej rzeźbiarskie niż informacyjne. Wizualnym centrum jest konstelacja drobnych, wielobarwnych, trójkątnych cząsteczek, tworzących organiczny kształt mózgu, będący znakiem rozpoznawczym marki: wiedza wizualizowana jako rozproszona inteligencja, a nie hierarchiczne dane. Układ opiera się na przestrzennym, dwukolumnowym rytmie – powiększone, wyrównane do lewej strony nagłówki w połączeniu z obszernym tekstem, unoszącym się na czystym, czarnym tle bez paneli, ramek ani kart. Elementy zostały celowo zredukowane do ich najistotniejszej formy: pojedynczego fioletowego przycisku z pigułką, ukrytych linków tekstowych i dużych bloków tekstu.
Sekcje o pełnej szerokości są rozmieszczone na czystym czarnym płótnie, z maksymalną szerokością treści wynoszącą ~1280 px, wyśrodkowaną. Sekcja główna charakteryzuje się asymetrycznym układem dwukolumnowym: duży, wyrównany do lewej nagłówek (113 px) z tekstem głównym i wezwaniem do działania w lewej połowie, podczas gdy wizualizacja „mózgu cząsteczkowego” zajmuje prawą połowę w ogromnej skali. Kolejne sekcje wyświetlane są naprzemiennie w dwóch kolumnach (wizualnie po lewej / tekstowo po prawej, następnie tekstowo po lewej / wizualnie po prawej), tworząc zygzakowaty rytm czytania. Przerwy między sekcjami są szerokie (60–120 px w pionie). Nie ma siatek kart, tabel cenowych ani wielokolumnowych opisów funkcji – treść jest ułożona w przestronnych, dwukolumnowych blokach tekstowo-wizualnych. Nawigacja to minimalistyczny, przezroczysty pasek górny, bez paska bocznego ani megamenu. Gęstość elementów jest niezwykle wysoka – jeden lub dwa elementy na obszar widoku, nigdy przeładowane informacjami.
Projekt wizualny jest całkowicie proceduralny i abstrakcyjny – brak fotografii poza portretami zespołów. Identyfikacja wizualna marki to gęsta chmura tysięcy drobnych, obrysowanych trójkątnych cząsteczek, renderowanych w pełnym, żywym spektrum (fiolet, bursztyn, turkus, purpura, błękit), tworzących organiczny kształt mózgu/neuronu. To pole cząsteczek jest animowane i służy zarówno jako główny obraz, jak i element identyfikacji marki. Otaczające cząsteczki, o mniejszej gęstości, poruszają się po tle strony. Trójkąty mają kontury, grubość linii 1–2 px, ostre krawędzie i nasycone, chromatyczne kolory – nigdy w skali szarości. Portrety zespołów są wyświetlane jako duże, zaokrąglone prostokąty (o promieniu 124 px) bez obramowań i nakładek. Żadnych zrzutów ekranu produktów, zdjęć lifestylowych, renderów 3D – system cząsteczek JEST wizualną marką.
Paleta
Marka
- Electric Iris
#8052ff— Główne przyciski akcji, logo i akcenty marki mają jednolity, intensywny fioletowy kolor, sygnalizujący interaktywność i tożsamość marki na czarnym tle.
Neutralny
- Void
#000000— Płótno strony, tła sekcji, przestrzeń negatywna — dominująca powierzchnia jest czysto czarna, a nie ciemnoszara, co tworzy pustkę pozwalającą na swobodne rozchodzenie się akcentów chromatycznych. - Bone White
#ffffff— Nagłówki, tekst główny, wypełnienie ikon, aktywny stan nawigacji — jedyny kolor typograficzny, który zapewnia maksymalną hierarchię na czarnym tle. - Ash Gray
#9a9a9a— Stonowany tekst nawigacyjny, półprzezroczysty kolor linków i dodatkowe etykiety są ukryte za tekstem głównym, ale nie stają się niewidoczne. - Silver Mist
#bdbdbd— Dodatkowy tekst, informacje na poziomie podpisu - najcichszy i najbardziej czytelny kolor szary, wspomagający kontekst. - Saffron Spark
#ffb829— Wyróżnianie tekstu, podkreślanie linków i przyciąganie uwagi znakami interpunkcyjnymi — ciepła żółć na fioletowym tle tworzy chromatyczne napięcie dla marki. - Deep Verdant
#15846e— Wtórne barwienie powierzchni, tzw. gradient logo, objawia się jako ciemniejsza krawędź gradientu marki i w formie ledwo zauważalnych przejść akcentowych.
Typografia
od 12 do 113px · 10 kroków
- PPNeueMontreal — wymiana: Inter · wytyczne 200, 400, 600, 700 · Spójna czcionka jest używana we wszystkich kontekstach interfejsu użytkownika. Nagłówki w rozmiarach wyświetlania (78–113 px) mają grubość 400 pikseli i odstępy między literami -0,04 em – taką samą grubość jak w tekście głównym, ale większa skala tworzy hierarchię. Grubość 200 pikseli (bardzo lekka czcionka) jest zarezerwowana dla tekstu głównego o szerokości 18 px; jest to decyzja specyficzna dla marki: większość witryn AI/SaaS używa czcionki 400 pikseli do tekstu głównego, ale Dala zmniejsza grubość, aby akapity były lekkie i nieagresywne. Grubość 600 pikseli z odstępami między literami 14 px, odstępami 0,025 em i pisaniem wielkimi literami jest używana do nawigacji i małych nagłówków. Użycie czcionki 400 pikseli zarówno w nagłówkach o szerokości 113 px, jak i w tekście głównym o szerokości 15 px jest nietypowe – sugeruje, że marka opiera się na skali, a nie grubości, w tworzeniu hierarchii.
Interwały i forma
| Zamiar | Oznaczający |
|---|---|
| Gęstość | gęsty |
| Podstawowy krok | 6-18px |
| Promień przycisku | 24px |
| Promień karty | 24px |
| Cienie | nie - granice zamiast cieni |
| Między sekcjami | 60-120px |
| Szerokość strony | 1280px |
Sztuczna inteligencja zbuduje Twoją witrynę w stylu Dala i wypełni ją
- Uzupełnij produktami i postami za pomocą linku - Instagram, TikTok, Facebook.
- Przenieś zawartość ze starej witryny — wystarczy podać adres.
- Nowoczesny design na najlepszym silniku: React ( Next.js) z renderowaniem serwerowym i optymalizacją SEO od razu po wyjęciu z pudełka.
- W pełni zautomatyzowana optymalizacja SEO dla wyników wyszukiwania i rekomendacje sieci neuronowych.
Podobne style
- Linear — instrument o precyzji północy
- Resend — czarny aksamit z fioletowym neonowym kolorem
- Ciridae — Pusty pokój, w którym pulsują tlące się węgle - niemal czarna katedra, w której jedynym ciepłym dźwiękiem jest cienka linia rdzy, a każda powierzchnia jest zdefiniowana przez cienkie linie, a nie cień.
- Dovetail — Plan pod czarnym księżycem – ledwo widoczne linie wykresu, biała czcionka, jeden fioletowy błysk
- Neon — Serwerownia po zmroku. Całkowita ciemność, gdzie jedynym światłem są dane i interakcje użytkowników.
- Discord — Świat gry ukryty jest za wyskakującym okienkiem czatu – każda sekcja to samodzielne środowisko z własnym oświetleniem i zestawem postaci
- Aaru — Obserwatorium Pola Cząstek o północy
- Atlas Card — Krypta Północy, z pojedynczym promieniem szafiru, to czarna jak smoła przestrzeń, w której liczy się tylko głęboki, elektryczny błękit.
- Midjourney — Bioluminescencyjny terminal w głębi oceanu. Głębinowy świat, w którym inteligencja generuje się wizualnie w strumieniach ASCII, a elementy sterujące pojawiają się jako delikatnie świecące wzory.
- Checkly — Centrum Kontroli Misji Głębokiej Orbity
- Krea — galeria noir o północy
- Wope — Wope to interfejs fioletowego horyzontu. Wyobraź sobie ciemny stół obserwacyjny z fioletowym światłem padającym spod szkła.