ElevenLabs
En fotoessä i varma krämfärgade toner med diskreta rubriker. En anteckningsbok i Bauhaus-stil – äggskalfärgat papper, svart bläck och en enda lila och orange accentfärg för produktpresentation.
ElevenLabs arbetar i en varm, vit minimalistisk stil: en äggskalfärgad duk (#fdfcfc) med svart typsnitt och ett enda lager varma taupe-ytor (#f5f3f1). Varumärkesidentiteten är tyst och självsäker – det knappt urskiljbara Waldenburg 300-typsnittet framhäver rubrikerna med extrem tydlighet (-0.02em), medan Inter 400/500 ger allt annat en lugn neutralitet. Två accentfärger – vibrerande lila #0447ff och vibrerande orange #ff4704 – framträder bara i produktens visuella element (audiosfärer, produktikoner), aldrig lika kromade i användargränssnittet. Komponenterna förblir plana eller något upphöjda med tunna 1px-kanter, breda 20px-radier på kort och helt fyllda 9999px-knappar. Systemet påminner om en Bauhaus-studio på krämfärgat papper: återhållsamt, redaktionellt och tekniskt precist.
Fullbreddssektioner är ordnade vertikalt i en enda central kolumn med maximal bredd och 1280px yttre rännor. Huvudsektionen är asymmetrisk: rubriken är vänsterjusterad på 48px Waldenburg-nivå, beskrivningstexten är högerjusterad och två pillerformade knappar finns under rubriken. Under huvudsektionen finns en stor navigeringsrad med flikar som sträcker sig över hela innehållets bredd. Sektionerna växlar mellan äggskalsfärgade och taupe-bakgrunder med vertikala rännor på 96–125px. Sidfoten är en kompakt, enkel remsa. Navigeringen är en minimalistisk övre rad – inget fast beteende, inga megamenyer. Innehållsrytmen matchar den redaktionella stilen: gott om vitt utrymme, ett visuellt huvudelement per sektion och inga kortrutnät under "Trust"-sektionen.
Den visuella designen domineras av ett färgschema: stora gradienter i form av mjuka ljudsfärer (200px+ cirklar med radiella övergångar från lila till orange och rosa) fungerar som det huvudsakliga grafiska elementet. Logotyper i avsnittet "Förtroende" presenteras i en gråskala med låg kontrast mot en matt canvasbakgrund. Fotografin är minimal – det finns inga livsstils- eller produktfoton. Ikonografin är sparsam och monokrom (svarta konturer eller fyllda ikoner, inga kromatiska ikoner). Det visuella systemet påminner mer om en designpublikation än en produktkatalog – redaktionell återhållsamhet råder över marknadsföringsgenomslag.
Palett
Stämpla
- Violet Spark
#0447ff— Produktens visuella betoning – Visas endast i ljudsfärillustrationer och dekorativa produktikoner; används aldrig för gränssnittselement.
Neutral
- Eggshell
#fdfcfc— Sidans duk, knappytorna och kortytorna är varma, något krämvita, snarare än skarpt vita, för att undvika digital reflex och ge webbplatsen papperets lugn. - Warm Taupe
#f5f3f1— Avdelare, dekorativa kort och en extra ytnivå – ett steg djupare än den matta ytan – skapar en tyst, kantlös separation. - Stone
#ebe8e4— Tunna kanter, avdelare och ikonbakgrunder har en varm grå nyans som ligger mellan taupe och mellangrått utan att kännas kall. - Ink
#000000— Oavsett om det är brödtext, ifyllda knappar, navigering eller länkar, fungerar ren svart som grunden för en varm färgpalett och skapar den enda skarpa kontrasten i systemet. - Graphite
#44403b— Brödtext, avsnittsrubriker - en subtil varm mörkgrå nyans för text som behöver vara kraftfull utan svarts strävhet. - Smoke
#777169— Huvudtexten, diskreta beskrivningar och bildtexter är i en mellanvarm grå nyans; den dominerande, läsbara men ändå lugna stilen hos korten och de tematiska texterna.
Typografi
från 10 till 48px · 8 steg
- Waldenburg — ersättning: Inter (300) or Söhne Light · konturer 300 · Endast för rubriker och designelement. Används i format 48/36/32px med en teckenstorlek på 300 – ett ultralätt teckensnitt är okonventionellt; de flesta webbplatser använder 600–700; detta subtila teckensnitt förmedlar auktoritet genom återhållsamhet. Ett snävt bokstavsavstånd på -0,02 em skapar en bättre passform mellan bokstäverna vid större storlekar. Alternativ: "Inter" i 300-vikt eller "Söhne" i lätt vikt som ett premiumalternativ.
- Inter — ersättning: Inter or system-ui · konturer 400, 500 · Allt utanför skärmen: brödtext, navigering, knappar, länkar, etiketter, inmatningsfält, kort. 400 är standardvikten; 500 är reserverat för knappar och markerade länkar. Storlekarna varierar från 10 till 10, med minskat radavstånd (1,47–1,6), vilket ger stycken utrymme att andas. Ett avstånd mellan små bokstäver på +1 (2) vid storlekar från 14 till 3 förbättrar läsbarheten i små storlekar.
- Geist Mono — ersättning: JetBrains Mono or IBM Plex Mono · konturer 400 · Mikrotext placerad bredvid kod eller teknisk text, placerad vid 13px – används sällan (frekvens = 28) för tekniska etiketter eller metadata. Enkelt lager, stor radhöjd på 1,69.
Intervaller och form
| Ändamål | Menande |
|---|---|
| Densitet | tät |
| Grundläggande steg | 8-16px |
| Knappradie | 9999px |
| Kortradie | 20px |
| Skuggor | inga gränser istället för skuggor |
| Mellan sektioner | 96-125px |
| Sidbredd | 1280px |
AI kommer att bygga din webbplats i ElevenLabs -stil och fylla den
- Fyll på med produkter och inlägg via länken - Instagram, TikTok, Facebook.
- Överför innehåll från din gamla webbplats – ange bara adressen.
- Modern design på den bästa sökmotorn: React ( Next.js) med serverrendering och SEO-optimering direkt ur lådan.
- Helautomatisk SEO-optimering för sökresultat och rekommendationer för neurala nätverk.
Liknande stilar
- Awesomic — Redaktionellt zinknät med orange skiljetecken som påminner om konfetti
- Monad — redaktionell teknisk tidskrift på varmt pergament
- Dub — Links kontrollpanel för matt rispapper
- Seline Analytics — Ett tyst analysbord på varmt papper
- Notion — En varm pappersbok i middagssolen
- Anthropic — En vetenskaplig fälttidskrift på varmt vellum – lugna elfenbensfärgade ytor, serifferade redaktionella rubriker och en enda leraccent som bara dyker upp när handling behövs.
- Calendly — Mörkblått bläck på kall marmor
- Augen Pro — Apples vita presentation har en klinisk, viktlös, elektrisk blå nyans som enda accent i ett monokromt utrymme.
- Antimetal — En redaktionell krönika på krämfärgat papper – en lugn morgon i en vetenskaplig tidskrift, där återhållsamhet förmedlar självförtroende och seriffer gör det tunga arbetet.
- Perk — Elektrisk lime på varmt bakplåtspapper
- Ditto — En solbelyst workshop som skapar prover av vildblommor. Varma krämfärgade ytor, en livfull gul basfärg, djupt marinblått tryckfärg, organiska färgformer som blommar bakom verket.
- Officevibe — En redaktionell tidskrift på varmt krämfärgat papper. Föreställ dig en tankeväckande essä om HR-ledning, presenterad som en produkt – ett kursivt serif-typsnitt som viskar genom ett modernt blått gränssnitt.