ElevenLabs
Een fotoreportage in warme crèmekleuren met subtiele titels. Een notitieboek in Bauhaus-stijl – gebroken wit papier, zwarte inkt en een enkel paars en oranje accent voor productpresentatie.
ElevenLabs werkt in een warme, witte, minimalistische stijl: een gebroken wit canvas (#fdfcfc) met zwarte tekst en een enkele laag warme taupekleurige oppervlakken (#f5f3f1). De merkidentiteit is ingetogen en zelfverzekerd – het nauwelijks te onderscheiden lettertype Waldenburg 300 benadrukt de koppen met extreme helderheid (-0,02em), terwijl Inter 400/500 de rest een kalme neutraliteit geeft. Twee accentkleuren – levendig paars #0447ff en levendig oranje #ff4704 – vallen alleen op in de visuele elementen van het product (audiospheres, productpictogrammen), nooit als chroom in de gebruikersinterface. Componenten blijven vlak of licht verhoogd met dunne randen van 1px, brede radii van 20px op kaarten en volledig gevulde knoppen van 9999px. Het systeem doet denken aan een Bauhaus-studio op crèmekleurig papier: ingetogen, redactioneel en technisch nauwkeurig.
Secties over de volledige breedte zijn verticaal gerangschikt in één centrale kolom met maximale breedte en een buitenmarge van 1280px. De hoofdsectie is asymmetrisch: de koptekst is links uitgelijnd op het Waldenburg-niveau van 48px, de beschrijvingstekst is rechts uitgelijnd en onder de koptekst bevinden zich twee pilvormige knoppen. Onder de hoofdsectie bevindt zich een grote navigatiebalk met tabbladen die de volledige breedte van de inhoud beslaat. Secties wisselen af tussen gebroken wit en taupekleurige achtergronden met verticale marges van 96–125px. De voettekst is een compacte, enkele strook. De navigatie is een minimalistische bovenste balk – geen vast gedrag, geen megamenu's. Het ritme van de inhoud sluit aan bij de redactionele stijl: veel witruimte, één belangrijk visueel element per sectie en geen kaartrasters onder de sectie 'Vertrouwen'.
Het visuele ontwerp wordt gedomineerd door een kleurenschema: grote kleurverlopen in de vorm van zachte, heldere bollen (cirkels van meer dan 200px met radiale overgangen van paars naar oranje en roze) vormen het belangrijkste grafische element. Logo's in de sectie "Vertrouwen" worden weergegeven in een contrastarme grijstint tegen een matte canvasachtergrond. Fotografie is minimaal – er zijn geen lifestyle- of productfoto's. De iconografie is sober en monochroom (zwarte omlijnde of gevulde iconen, geen chromatische iconen). Het visuele systeem doet meer denken aan een designpublicatie dan aan een productcatalogus – redactionele terughoudendheid prevaleert boven marketingimpact.
Palet
Merk
- Violet Spark
#0447ff— Productvisuele nadruk - Verschijnt alleen in illustraties van de audiosfeer en decoratieve productpictogrammen; wordt nooit gebruikt voor interface-elementen.
Neutrale
- Eggshell
#fdfcfc— Het canvas van de pagina, de oppervlakken van de knoppen en de kaartoppervlakken hebben een warme, licht crèmekleurige tint in plaats van spierwit, om digitale reflecties te vermijden en de site de rust van papier te geven. - Warm Taupe
#f5f3f1— Scheidingsstroken, decoratieve kaartjes en een extra vlak – een trede dieper dan het matte oppervlak – zorgen voor een subtiele, randloze scheiding. - Stone
#ebe8e4— Dunne randen, scheidingslijnen en achtergronden van pictogrammen hebben een warme grijstint die tussen taupe en middengrijs in ligt, zonder koud aan te voelen. - Ink
#000000— Of het nu gaat om hoofdtekst, gevulde knoppen, navigatie of links, puur zwart vormt de basis voor een warm kleurenpalet en zorgt voor het enige scherpe contrast in het systeem. - Graphite
#44403b— Hoofdtekst, sectiekoppen - een subtiel warm donkergrijs voor tekst die krachtig moet overkomen zonder de hardheid van zwart. - Smoke
#777169— De hoofdtekst, subtiele beschrijvingen en bijschriften zijn uitgevoerd in een middengrijze tint; de dominante, leesbare maar rustige stijl van de kaarten en thematische teksten.
Typografie
van 10 tot 48px · 8 stappen
- Waldenburg — vervanging: Inter (300) or Söhne Light · overzichten 300 · Uitsluitend voor koppen en designelementen. Gebruikt in formaten van 48/36/32px met een letterdikte van 300 – een ultralicht lettertype is ongebruikelijk; de meeste websites gebruiken 600-700; dit subtiele lettertype straalt autoriteit uit door ingetogenheid. De krappe letterafstand van -0,02em zorgt voor een dichtere plaatsing van de letters bij grotere formaten. Alternatieven: "Inter" in dikte 300 of "Söhne" in een lichtere variant als premium alternatief.
- Inter — vervanging: Inter or system-ui · overzichten 400, 500 · Alles wat buiten beeld valt: hoofdtekst, navigatie, knoppen, links, labels, invoervelden, kaarten. 400 is de standaard letterdikte; 500 is gereserveerd voor knoppen en gemarkeerde links. De lettergroottes variëren van 10 tot 10, met een kleinere regelafstand (1,47–1,6), waardoor alinea's meer ademruimte krijgen. Een kleine letterafstand van +1 (2) bij lettergroottes van 14 tot 3 verbetert de leesbaarheid bij kleine lettergroottes.
- Geist Mono — vervanging: JetBrains Mono or IBM Plex Mono · overzichten 400 · Microtekst, geplaatst naast code of technische tekst, op een afstand van 13px – zelden gebruikt (frequentie = 28) voor technische labels of metadata. Enkele laag, grote regelhoogte van 1,69.
Intervallen en vorm
| Doel | Betekenis |
|---|---|
| Dikte | gespannen |
| Basisstap | 8-16px |
| Knopradius | 9999px |
| Kaartradius | 20px |
| Schaduwen | geen randen in plaats van schaduwen |
| Tussen secties | 96-125px |
| Paginabreedte | 1280px |
AI bouwt je website in de stijl ElevenLabs 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
- Awesomic — Redactioneel zinkgaas met oranje accenten die aan confetti doen denken
- Monad — redactioneel technisch tijdschrift op warm perkament
- Dub — Link's matte rijstpapier bedieningspaneel
- Seline Analytics — Een rustige, analytische tabel op warm papier.
- Notion — Een warm papieren notitieboekje in de middagzon.
- Anthropic — Een wetenschappelijk veldnotitieboek op warm perkamentpapier – rustige ivoorkleurige oppervlakken, redactionele koppen in schreeflettertype en een enkel klei-accent dat alleen verschijnt wanneer actie vereist is.
- Calendly — Donkerblauwe inkt op koud marmer
- Augen Pro — De witte presentatie van Apple kenmerkt zich door een klinisch, gewichtloos, elektrisch blauw als enig accent in een monochrome omgeving.
- Antimetal — Een redactioneel verslag op crèmekleurig papier – een rustige ochtend bij een wetenschappelijk tijdschrift, waar ingetogenheid vertrouwen uitstraalt en schreefletters het zware werk doen.
- Perk — Elektrisch kalk op warm perkamentpapier
- Ditto — Een zonovergoten atelier waar wilde bloemen worden geschilderd. Warme crèmekleurige oppervlakken, een levendige gele basiskleur, diep donkerblauwe inkt, organische kleurvormen die achter het werk tot bloei komen.
- Officevibe — Een redactioneel tijdschrift op warm crèmekleurig papier. Stel je een doordacht essay over HR-management voor, gepresenteerd als een product – een sierlijk schreeflettertype dat zachtjes door een moderne blauwe interface fluistert.