Dala
een sterrenbeeld zwevend op zwart fluweel
Dala presenteert een donkere ruimte waar zwarte leegtes samenkomen met een enkel levendig paars accent, onderbroken door amberkleurige glitters. De typografie is monolithisch en gewichtloos – PPNeueMontreal, een lettertype met een gewicht van 400, domineert elke kop in een oversized formaat (78–113px) met agressieve negatieve letterafstand, waardoor de koppen eerder sculpturaal dan informatief aanvoelen. Het visuele middelpunt is een constellatie van kleine, veelkleurige driehoekige deeltjes, die een organische hersenvorm vormen, het kenmerkende gebaar van het merk: kennis gevisualiseerd als gedistribueerde intelligentie in plaats van hiërarchische data. De lay-out volgt een ruim tweekolomsritme – oversized, links uitgelijnde koppen gecombineerd met uitgebreide tekst, zwevend tegen een strakke zwarte achtergrond zonder panelen, kaders of kaarten. De componenten zijn bewust gereduceerd tot hun meest essentiële vorm: een enkele paarse pilknop, verborgen tekstlinks en grote tekstblokken.
Secties over de volledige breedte zijn op een puur zwart canvas weergegeven, met een maximale contentbreedte van ongeveer 1280px gecentreerd. De hoofdsectie heeft een asymmetrische lay-out met twee kolommen: een grote, links uitgelijnde kop (113px) met de hoofdtekst en call-to-action in de linkerhelft, terwijl een visualisatie van een 'deeltjesbrein' de rechterhelft op enorme schaal inneemt. De daaropvolgende secties wisselen af tussen twee kolommen (visueel links/tekst rechts, vervolgens tekst links/visueel rechts), waardoor een zigzag-leesritme ontstaat. De tussenruimte tussen de secties is ruim (60-120px verticaal). Er zijn geen kaartrasters, prijstabellen of beschrijvingen van functies in meerdere kolommen – de content is gerangschikt in ruime tekst-visuele blokken van twee kolommen. De navigatie bestaat uit een minimalistische, transparante bovenbalk, zonder zijbalk of megamenu. De dichtheid van elementen is extreem hoog – één of twee elementen per viewport, nooit overladen met informatie.
Het visuele ontwerp is volledig procedureel en abstract – geen foto's, behalve teamportretten. De visuele identiteit van het merk bestaat uit een dichte wolk van duizenden kleine, omlijnde driehoekige deeltjes, weergegeven in een volledig, levendig spectrum (violet, amber, turkoois, paars, blauw), die een organische hersen-/neuronvorm vormen. Dit deeltjesveld is geanimeerd en dient zowel als hoofdafbeelding als als element van de merkidentiteit. Omringende deeltjes, met een lagere dichtheid, bewegen over de achtergrond van de pagina. De driehoeken hebben omlijningen, een lijndikte van 1-2px, scherpe randen en rijke, chromatische kleuren – nooit grijstinten. Teamportretten worden weergegeven als grote, afgeronde rechthoeken (radius 124px) zonder randen of overlappingen. Geen productscreenshots, geen lifestylefoto's, geen 3D-renders – het deeltjessysteem IS het visuele merk.
Palet
Merk
- Electric Iris
#8052ff— De belangrijkste actieknoppen, het logo en de merkaccenten zijn uitgevoerd in één rijke paarse kleur, die interactiviteit en merkidentiteit uitstraalt tegen een zwarte achtergrond.
Neutrale
- Void
#000000— Het paginaoppervlak, de achtergronden van de secties, de negatieve ruimte – het dominante oppervlak is puur zwart, niet donkergrijs, waardoor een leegte ontstaat waarin kleuraccenten vrij kunnen zweven. - Bone White
#ffffff— Kopteksten, hoofdtekst, pictogramvulling, actieve navigatiestatus - de enige typografische kleur die maximale hiërarchie biedt op een zwarte achtergrond. - Ash Gray
#9a9a9a— De subtiele navigatietekst, de doorschijnende linkkleur en de extra labels zijn verborgen achter de hoofdtekst zonder onzichtbaar te worden. - Silver Mist
#bdbdbd— Extra tekst, informatie op het niveau van de bijschriften - de rustigste en meest leesbare grijze kleur, ter ondersteuning van de context. - Saffron Spark
#ffb829— Tekst markeren, links accentueren en de aandacht trekken met leestekens – warm geel tegen een paarse achtergrond creëert een chromatische spanning voor het merk. - Deep Verdant
#15846e— Secundaire oppervlaktetinting, een logo met kleurverloop, manifesteert zich als een donkerdere rand van het merkkleurverloop en in de vorm van nauwelijks waarneembare accentovergangen.
Typografie
van 12 tot 113px · 10 stappen
- PPNeueMontreal — vervanging: Inter · overzichten 200, 400, 600, 700 · Er wordt in alle UI-contexten een consistent lettertype gebruikt. Kopteksten in schermformaten (78–113px) gebruiken een letterdikte van 400 met een letterafstand van -0,04em – dezelfde dikte als de hoofdtekst, maar de grotere schaal zorgt voor hiërarchie. Een letterdikte van 200 (een ultralicht lettertype) is gereserveerd voor hoofdteksten van 18px; dit is een merkspecifieke keuze: de meeste AI/SaaS-sites gebruiken 400 voor hoofdteksten, maar Dala verlaagt de dikte om alinea's luchtig en niet-agressief te houden. Een letterdikte van 600 met een letterafstand van 14px, een letterafstand van 0,025em en hoofdletters wordt gebruikt voor navigatie en kleine kopteksten. Het gebruik van 400 voor zowel kopteksten van 113px als hoofdteksten van 15px is ongebruikelijk – het suggereert dat het merk vertrouwt op schaal, niet op dikte, om hiërarchie te creëren.
Intervallen en vorm
| Doel | Betekenis |
|---|---|
| Dikte | gespannen |
| Basisstap | 6-18px |
| Knopradius | 24px |
| Kaartradius | 24px |
| Schaduwen | geen randen in plaats van schaduwen |
| Tussen secties | 60-120px |
| Paginabreedte | 1280px |
AI bouwt je website in de stijl Dala en vult deze in.
- Vul het account aan met producten en berichten via de link - Instagram, TikTok, Facebook.
- Neem de inhoud van je oude website over; geef gewoon het adres op.
- Modern design op de beste engine: React ( Next.js) met server-side rendering en SEO-optimalisatie direct uit de doos.
- Volledig geautomatiseerde SEO-optimalisatie voor zoekresultaten en aanbevelingen op basis van neurale netwerken.
Vergelijkbare stijlen
- Linear — middernacht precisie-instrument
- Resend — zwart fluweel met paarse neonkleur
- Ciridae — Een lege ruimte met het pulseren van smeulende kolen - een bijna zwarte kathedraal waar het enige warme geluid een dunne roeststreep is, en elk oppervlak wordt gedefinieerd door fijne lijnen in plaats van schaduw.
- Dovetail — Een blauwdruk onder een donkere maan: nauwelijks zichtbare grafieklijnen, witte letters, een paarse vonk.
- Neon — Een serverruimte in het donker. Volledige duisternis, waar het enige licht afkomstig is van data en gebruikersinteracties.
- Discord — De spelwereld is verborgen achter een pop-up chatvenster; elk gedeelte is een op zichzelf staande omgeving met eigen belichting en personages.
- Aaru — Deeltjesveldobservatorium om middernacht
- Atlas Card — De Midnight Vault, met zijn enkele saffierblauwe lichtstraal, is een pikzwarte ruimte waar alleen het diepe, elektrische blauw telt.
- Midjourney — Een bioluminescente terminal in de diepe oceaan. Een diepzeewereld waar intelligentie zichzelf visueel genereert in ASCII-stromen, en bedieningselementen verschijnen als zwak oplichtende patronen.
- Checkly — Missiecontrolecentrum voor diepe baan
- Krea — Gallery Noir om middernacht
- Wope — Wope is een paarse horizoninterface. Stel je een donkere observatoriumtafel voor met een paars licht dat van onder het glas schijnt.