ElevenLabs
Eine Fotostrecke in warmen Cremetönen mit dezenten Überschriften. Ein Notizbuch im Bauhaus-Stil – eierschalenfarbenes Papier, schwarze Tinte und ein einzelner violetter und orangefarbener Akzent zur Produktpräsentation.
ElevenLabs präsentiert sich in einem warmen, minimalistischen Weiß: eine eierschalenfarbene Leinwand (#fdfcfc) mit schwarzer Schrift und einer einzigen Schicht warmer Taupe-Oberflächen (#f5f3f1). Die Markenidentität wirkt zurückhaltend und selbstbewusst – die kaum wahrnehmbare Schriftart Waldenburg 300 hebt die Überschriften mit extremer Klarheit hervor (-0,02em), während Inter 400/500 allem anderen eine ruhige Neutralität verleiht. Zwei Akzentfarben – ein leuchtendes Lila (#0447ff) und ein kräftiges Orange (#ff4704) – stechen nur in den visuellen Elementen des Produkts (Audiosphären, Produktsymbole) hervor, niemals als Chrom in der Benutzeroberfläche. Die Komponenten sind flach oder leicht erhaben mit dünnen 1-Pixel-Rändern, weiten 20-Pixel-Radien bei Karten und vollständig ausgefüllten 9999-Pixel-Schaltflächen. Das System erinnert an ein Bauhaus-Atelier auf cremefarbenem Papier: zurückhaltend, redaktionell und technisch präzise.
Die Abschnitte in voller Breite sind vertikal in einer einzigen, maximal breiten Mittelspalte mit 1280 Pixel breiten Außenabständen angeordnet. Der Hauptteil ist asymmetrisch: Die Überschrift ist linksbündig auf der 48 Pixel breiten Waldenburg-Ebene ausgerichtet, der Beschreibungstext rechtsbündig, und darunter befinden sich zwei pillenförmige Schaltflächen. Unterhalb des Hauptteils befindet sich eine breite, tabellarische Navigationsleiste, die sich über die gesamte Inhaltsbreite erstreckt. Die Abschnitte wechseln zwischen eierschalenfarbenen und taupefarbenen Hintergründen mit vertikalen Abständen von 96–125 Pixeln. Die Fußzeile ist ein kompakter, einzelner Streifen. Die Navigation ist eine minimalistische obere Leiste – ohne feste Funktionen oder Mega-Menüs. Der Inhaltsrhythmus entspricht dem redaktionellen Stil: viel Weißraum, ein zentrales visuelles Element pro Abschnitt und keine Kartenraster im Abschnitt „Vertrauen“.
Das visuelle Design wird von einem Farbschema dominiert: Große Farbverläufe in Form weicher Klangkugeln (Kreise mit über 200 Pixeln Durchmesser und radialen Übergängen von Lila über Orange zu Rosa) dienen als zentrales grafisches Element. Logos im Bereich „Vertrauen“ werden in kontrastarmem Graustufenton vor einem matten Hintergrund präsentiert. Die Fotografie ist minimalistisch – es gibt keine Lifestyle- oder Produktfotos. Die Symbolik ist sparsam und monochrom (schwarz umrandete oder gefüllte Symbole, keine farbigen). Das visuelle System erinnert eher an eine Designpublikation als an einen Produktkatalog – redaktionelle Zurückhaltung steht über Marketingwirkung.
Palette
Marke
- Violet Spark
#0447ff— Produktvisuelle Hervorhebung – Wird nur in Illustrationen der Audiosphäre und dekorativen Produktsymbolen verwendet; niemals für Interface-Elemente.
Neutral
- Eggshell
#fdfcfc— Die Seitenfläche, die Schaltflächenoberflächen und die Kartenoberflächen sind warm und leicht cremefarben statt strahlend weiß, um digitale Spiegelungen zu vermeiden und der Website die Ruhe von Papier zu verleihen. - Warm Taupe
#f5f3f1— Trennstreifen, dekorative Karten und eine zusätzliche Oberflächenebene – eine Stufe tiefer als die matte Oberfläche – schaffen eine ruhige, grenzenlose Trennung. - Stone
#ebe8e4— Dünne Ränder, Trennlinien und Symbolhintergründe sind in einem warmen Grau gehalten, das zwischen Taupe und Mittelgrau liegt, ohne kühl zu wirken. - Ink
#000000— Ob Fließtext, ausgefüllte Schaltflächen, Navigation oder Links – reines Schwarz dient als Grundlage für eine warme Farbpalette und erzeugt den einzigen scharfen Kontrast im System. - Graphite
#44403b— Fließtext, Abschnittsüberschriften – ein dezentes, warmes Dunkelgrau für Texte, die prägnant wirken sollen, ohne die Härte von Schwarz. - Smoke
#777169— Der Haupttext, die diskreten Beschreibungen und die Bildunterschriften sind in einem mittleren, warmen Grau gehalten; der vorherrschende, gut lesbare und dennoch ruhige Stil der Karten und thematischen Texte.
Typografie
von 10 bis 48 Pixel · 8 Schritte
- Waldenburg — Ersatz: Inter (300) or Söhne Light · Umrisse 300 · Nur für Überschriften und Designelemente. Verwendung in den Formaten 48/36/32px mit einer Schriftstärke von 300 – eine ultraleichte Schriftart ist ungewöhnlich; die meisten Websites verwenden 600–700. Diese dezente Schriftart vermittelt Autorität durch Zurückhaltung. Der geringe Buchstabenabstand von -0,02em sorgt für eine engere Anordnung der Buchstaben bei größeren Größen. Alternativen: „Inter“ in Schriftstärke 300 oder „Söhne“ in leichter Schriftstärke als Premium-Alternative.
- Inter — Ersatz: Inter or system-ui · Umrisse 400, 500 · Alles außerhalb des sichtbaren Bereichs: Fließtext, Navigation, Schaltflächen, Links, Beschriftungen, Eingabefelder, Karten. 400 ist die Standardstärke; 500 ist für Schaltflächen und hervorgehobene Links reserviert. Die Schriftgrößen reichen von 10 bis 10, mit reduziertem Zeilenabstand (1,47–1,6), wodurch Absätze mehr Platz erhalten. Ein kleiner Buchstabenabstand von +1 (2) bei Schriftgrößen von 14 bis 3 verbessert die Lesbarkeit bei kleinen Schriftgrößen.
- Geist Mono — Ersatz: JetBrains Mono or IBM Plex Mono · Umrisse 400 · Mikrotext neben Code oder technischem Text, positioniert bei 13px – selten verwendet (Häufigkeit = 28) für technische Beschriftungen oder Metadaten. Einlagig, große Zeilenhöhe von 1,69.
Intervalle und Form
| Zweck | Bedeutung |
|---|---|
| Dichte | dicht |
| Grundlegender Schritt | 8-16px |
| Radius der Schaltfläche | 9999px |
| Kartenradius | 20px |
| Schatten | Nein – Ränder statt Schatten |
| Zwischen den Abschnitten | 96-125px |
| Seitenbreite | 1280px |
KI erstellt Ihre Website im ElevenLabs -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
- Awesomic — Redaktionelles Zinkgewebe mit orangefarbenen Satzzeichen, die an Konfetti erinnern
- Monad — redaktionelles Fachjournal auf warmem Pergament
- Dub — Link's mattes Reispapier-Bedienfeld
- Seline Analytics — Ein ruhiger analytischer Tisch auf warmem Papier
- Notion — Ein warmes Notizbuch aus Papier in der Mittagssonne
- Anthropic — Ein wissenschaftliches Feldtagebuch auf warmem Pergament – ruhige elfenbeinfarbene Oberflächen, serifenbesetzte Überschriften und ein einzelner Akzent in Lehmfarbe, der nur dann erscheint, wenn Handlungsbedarf besteht.
- Calendly — Dunkelblaue Tinte auf kaltem Marmor
- Augen Pro — Apples weiße Präsentation zeichnet sich durch ein klinisch-schwereloses, elektrisches Blau als einzigen Akzent in einem monochromen Raum aus.
- Antimetal — Ein redaktioneller Bericht auf cremefarbenem Papier – ein ruhiger Morgen in einer wissenschaftlichen Zeitschrift, wo Zurückhaltung Selbstvertrauen vermittelt und Serifen die Hauptarbeit leisten.
- Perk — Elektrisches Limettengrün auf warmem Pergamentpapier
- Ditto — Eine sonnendurchflutete Werkstatt, in der Wildblumenmuster entstehen. Warme cremefarbene Oberflächen, ein leuchtendes Gelb als Grundfarbe, tiefblaue Tinten, organische Farbformen, die hinter dem Werk erblühen.
- Officevibe — Ein redaktionelles Magazin auf warmem, cremefarbenem Papier. Stellen Sie sich einen tiefgründigen Essay über Personalmanagement vor, präsentiert wie ein Produkt – eine geschwungene Serifenschrift, die durch eine moderne blaue Benutzeroberfläche flüstert.