Dala
ein Sternbild, das auf schwarzem Samt schwebt
Dala präsentiert einen dunklen Raum, in dem schwarze Leere auf einen einzelnen, leuchtend violetten Akzent trifft, unterbrochen von bernsteinfarbenen Glitzerpartikeln. Die Typografie ist monolithisch und schwerelos: PPNeueMontreal, eine Schriftart der Stärke 400, dominiert jede Überschrift in übergroßer Größe (78–113 px) mit aggressivem Negativabstand, wodurch die Überschriften eher skulptural als informativ wirken. Das visuelle Zentrum bildet eine Konstellation winziger, mehrfarbiger Dreieckspartikel, die eine organische Gehirnform bilden. Diese dient als charakteristisches Markenzeichen: Wissen visualisiert als verteilte Intelligenz statt als hierarchische Daten. Das Layout folgt einem großzügigen zweispaltigen Rhythmus – übergroße, linksbündige Überschriften gepaart mit ausführlichem Fließtext, schwebend vor einem klaren schwarzen Hintergrund ohne Panels, Rahmen oder Karten. Die Elemente sind bewusst auf das Wesentliche reduziert: ein einzelner violetter Pillen-Button, versteckte Textlinks und große Textblöcke.
Die Abschnitte in voller Breite sind auf schwarzem Hintergrund angeordnet, mit einer maximalen Inhaltsbreite von ca. 1280 Pixeln (zentriert). Der Hauptteil präsentiert sich in einem asymmetrischen, zweispaltigen Layout: Eine große, linksbündige Überschrift (113 Pixel) mit Haupttext und Handlungsaufforderung befindet sich in der linken Hälfte, während eine großformatige Visualisierung eines „Partikelgehirns“ die rechte Hälfte einnimmt. Die nachfolgenden Abschnitte wechseln zwischen zwei Spalten (Bild links/Text rechts, dann Text links/Bild rechts) und erzeugen so einen zickzackförmigen Lesefluss. Die Abstände zwischen den Abschnitten sind großzügig (60–120 Pixel vertikal). Es gibt keine Kartenraster, Preistabellen oder mehrspaltige Funktionsbeschreibungen – die Inhalte sind in übersichtlichen, zweispaltigen Text-Bild-Blöcken angeordnet. Die Navigation besteht aus einer minimalistischen, transparenten oberen Leiste ohne Seitenleiste oder Mega-Menü. Die Elementdichte ist extrem hoch – ein bis zwei Elemente pro Viewport, nie überladen mit Informationen.
Das visuelle Design ist rein prozedural und abstrakt – bis auf Teamporträts werden keine Fotos verwendet. Die visuelle Markenidentität besteht aus einer dichten Wolke aus Tausenden winziger, umrandeter Dreieckspartikel in einem vollen, lebendigen Farbspektrum (Violett, Bernstein, Türkis, Lila, Blau), die eine organische Gehirn-/Neuronenform bilden. Dieses Partikelfeld ist animiert und dient sowohl als Hauptbild als auch als Markenelement. Umgebende Partikel bewegen sich in geringerer Dichte über den Seitenhintergrund. Die Dreiecke haben Konturen, eine Linienstärke von 1–2 Pixeln, scharfe Kanten und satte, chromatische Farben – niemals Graustufen. Teamporträts werden als große, abgerundete Rechtecke (Radius 124 Pixel) ohne Ränder oder Überlappungen dargestellt. Keine Produkt-Screenshots, keine Lifestyle-Fotos, keine 3D-Renderings – das Partikelsystem IST die visuelle Marke.
Palette
Marke
- Electric Iris
#8052ff— Die wichtigsten Aktionsschaltflächen, das Logo und die Markenelemente sind in einem satten Lila gehalten und signalisieren so Interaktivität und Markenidentität vor schwarzem Hintergrund.
Neutral
- Void
#000000— Die Seitenfläche, die Hintergründe der Abschnitte, der Negativraum – die vorherrschende Oberfläche ist rein schwarz, nicht dunkelgrau, wodurch ein Leerraum entsteht, in dem chromatische Akzente frei schweben können. - Bone White
#ffffff— Überschriften, Fließtext, Symbolfüllung, aktiver Navigationsstatus – die einzige typografische Farbe, die auf schwarzem Hintergrund maximale Hierarchie bietet. - Ash Gray
#9a9a9a— Dezenter Navigationstext, durchscheinende Linkfarbe und zusätzliche Beschriftungen sind hinter dem Haupttext verborgen, ohne jedoch unsichtbar zu werden. - Silver Mist
#bdbdbd— Zusätzlicher Text, Informationen auf Bildunterschriftenebene – die ruhigste und am besten lesbare graue Farbe, um den Kontext zu unterstützen. - Saffron Spark
#ffb829— Durch Hervorhebung von Text, Betonung von Links und Lenkung der Aufmerksamkeit durch Satzzeichen – ein warmes Gelb auf violettem Hintergrund erzeugt eine chromatische Spannung für die Marke. - Deep Verdant
#15846e— Eine sekundäre Oberflächenfärbung, ein Farbverlauf am Logo-Stopp, manifestiert sich als dunklerer Rand des Markenverlaufs und in Form von kaum wahrnehmbaren Akzentübergängen.
Typografie
von 12 auf 113 Pixel · 10 Schritte
- PPNeueMontreal — Ersatz: Inter · Umrisse 200, 400, 600, 700 · In allen UI-Kontexten wird eine einheitliche Schriftart verwendet. Überschriften in Displaygrößen (78–113 px) verwenden die Schriftstärke 400 mit einem Zeilenabstand von -0,04em – dieselbe Stärke wie der Fließtext, aber die größere Schriftgröße erzeugt eine Hierarchie. Für den Fließtext in 18 px ist die Schriftstärke 200 (eine ultraleichte Schriftart) reserviert; dies ist eine markenspezifische Entscheidung: Die meisten KI-/SaaS-Websites verwenden 400 für den Fließtext, Dala reduziert jedoch die Stärke, um Absätze luftig und nicht aufdringlich zu gestalten. Für die Navigation und kleine Überschriften wird die Schriftstärke 600 mit einem Zeilenabstand von 14 px, einem Zeilenabstand von 0,025em und in Großbuchstaben verwendet. Die Verwendung von 400 sowohl für 113 px große Überschriften als auch für 15 px großen Fließtext ist ungewöhnlich – sie deutet darauf hin, dass die Marke eher auf die Schriftgröße als auf die Stärke setzt, um Hierarchie zu schaffen.
Intervalle und Form
| Zweck | Bedeutung |
|---|---|
| Dichte | dicht |
| Grundlegender Schritt | 6-18px |
| Radius der Schaltfläche | 24px |
| Kartenradius | 24px |
| Schatten | Nein – Ränder statt Schatten |
| Zwischen den Abschnitten | 60-120px |
| Seitenbreite | 1280px |
KI erstellt Ihre Website im Dala -Stil und füllt sie aus.
- Teile deine Produkte und Beiträge über den Link – Instagram, TikTok, Facebook.
- Übertragen Sie Inhalte von Ihrer alten Website – geben Sie einfach die Adresse an.
- Modernes Design auf der besten Plattform: React ( Next.js) mit serverseitigem Rendering und SEO-Optimierung direkt nach der Installation.
- Vollautomatisierte SEO-Optimierung für Suchergebnisse und Empfehlungen durch neuronale Netze.
Ähnliche Stile
- Linear — Mitternachts-Präzisionsinstrument
- Resend — schwarzer Samt mit violetter Neonfarbe
- Ciridae — Ein leerer Raum, in dem das Pulsieren glimmender Glut erklingt – eine fast schwarze Kathedrale, in der der einzige warme Klang eine dünne Rostlinie ist und jede Oberfläche eher von feinen Linien als von Schatten definiert wird.
- Dovetail — Ein Bauplan unter einem schwarzen Mond – kaum sichtbare Linien, weiße Schrift, ein violetter Funkel
- Neon — Ein Serverraum nach Einbruch der Dunkelheit. Absolute Dunkelheit, in der das einzige Licht von Daten und Benutzerinteraktionen stammt.
- Discord — Die Spielwelt ist hinter einem Pop-up-Chatfenster verborgen – jeder Abschnitt ist eine in sich abgeschlossene Umgebung mit eigener Beleuchtung und eigenen Charakteren.
- Aaru — Teilchenfeldobservatorium um Mitternacht
- Atlas Card — Das Mitternachtsgewölbe mit seinem einzelnen Saphirstrahl ist eine pechschwarze Weite, in der nur das tiefe elektrische Blau zählt.
- Midjourney — Ein biolumineszentes Terminal in der Tiefsee. Eine Tiefseewelt, in der Intelligenz sich visuell in ASCII-Strängen selbst erzeugt und Bedienelemente als schwach leuchtende Muster erscheinen.
- Checkly — Kontrollzentrum der Deep Orbit Mission
- Krea — Galerie Noir um Mitternacht
- Wope — Wope ist eine Benutzeroberfläche mit violettem Horizont. Stellen Sie sich einen dunklen Observatoriumstisch vor, aus dessen Glas ein violettes Licht strahlt.