ElevenLabs
Et fotoessay i varme kremfarger med diskré overskrifter. En notatbok i Bauhaus-stil – eggeskallfarget papir, svart blekk og en enkelt lilla og oransje aksent for produktfremvisning.
ElevenLabs jobber i en varm, hvit minimalistisk stil: et eggeskallfarget lerret (#fdfcfc) med svart skrift og et enkelt lag med varme taupe-overflater (#f5f3f1). Merkeidentiteten er stille og selvsikker – den knapt gjenkjennelige Waldenburg 300-skrifttypen fremhever overskriftene med ekstrem klarhet (-0,02em), mens Inter 400/500 gir alt annet en rolig nøytralitet. To aksentfarger – livlig lilla #0447ff og livlig oransje #ff4704 – skiller seg bare ut i produktets visuelle elementer (audiosfærer, produktikoner), aldri like krom i brukergrensesnittet. Komponentene forblir flate eller litt hevede med tynne 1px-kanter, brede 20px-radiuser på kort og fullt fylte 9999px-knapper. Systemet minner om et Bauhaus-studio på kremfarget papir: behersket, redaksjonelt og teknisk presist.
Seksjoner i full bredde er ordnet vertikalt i en enkelt sentral kolonne med maksimal bredde og 1280 pikslers ytre innre marginer. Hovedseksjonen er asymmetrisk: overskriften er venstrejustert på 48 pikslers Waldenburg-nivå, beskrivelsesteksten er høyrejustert, og to pilleformede knapper er plassert under overskriften. Under hovedseksjonen er det en stor navigasjonslinje med faner som strekker seg over hele innholdsbredden. Seksjonene veksler mellom eggeskallfarget og taupe-bakgrunn med vertikale innre marginer på 96–125 piksler. Bunnteksten er en kompakt, enkelt stripe. Navigasjonen er en minimalistisk topplinje – ingen fast oppførsel, ingen megamenyer. Innholdsrytmen samsvarer med den redaksjonelle stilen: mye hvit plass, ett visuelt hovedelement per seksjon og ingen kortrutenett under «Tillit»-seksjonen.
Det visuelle designet domineres av et fargevalg: store gradienter i form av myke lydkuler (200 piksler+ sirkler med radiale overganger fra lilla til oransje og rosa) fungerer som det grafiske hovedelementet. Logoer i «Tillit»-delen presenteres i en gråtone med lav kontrast mot en matt lerretsbakgrunn. Fotograferingen er minimal – det er ingen livsstils- eller produktbilder. Ikonografien er sparsom og monokrom (svart omriss eller fylte ikoner, ingen kromatiske ikoner). Det visuelle systemet minner mer om en designpublikasjon enn en produktkatalog – redaksjonell tilbakeholdenhet vinner fremfor markedsføringspåvirkning.
Palett
Merke
- Violet Spark
#0447ff— Visuell fremheving av produktet – Vises kun i illustrasjoner av lydsfærer og dekorative produktikoner; brukes aldri til grensesnittelementer.
Nøytral
- Eggshell
#fdfcfc— Lerretet, knappeoverflatene og kortoverflatene er varme, litt kremfargede, snarere enn sterkt hvite, for å unngå digital gjenskinn og gi nettstedet roen til papiret. - Warm Taupe
#f5f3f1— Skillelister, dekorative kort og et ekstra overflatenivå – ett trinn dypere enn den matte overflaten – skaper en stille, kantløs separasjon. - Stone
#ebe8e4— Tynne rammer, skillevegger og ikonbakgrunner har en varm gråfarge som ligger mellom taupe og mellomgrå uten å føles kald. - Ink
#000000— Enten det er brødtekst, fylte knapper, navigasjon eller lenker, fungerer ren svart som grunnlaget for en varm fargepalett og skaper den eneste skarpe kontrasten i systemet. - Graphite
#44403b— Brødtekst, seksjonsoverskrifter – en diskré varm mørkegrå farge for tekst som må være slagkraftig uten den harde svartfargen. - Smoke
#777169— Hovedteksten, diskré beskrivelser og bildetekster er i en mellomvarm gråfarge; den dominerende, lesbare, men rolige stilen til kortene og de tematiske tekstene.
Typografi
fra 10 til 48 piksler · 8 trinn
- Waldenburg — erstatning: Inter (300) or Söhne Light · omriss 300 · Kun for overskrifter og designelementer. Brukes i 48/36/32 pikslers formater med en skrifttykkelse på 300 – en ultralett skrifttype er ukonvensjonell; de fleste nettsteder bruker 600–700; denne subtile skrifttypen formidler autoritet gjennom tilbakeholdenhet. Kort bokstavavstand på -0,02 em skaper en tettere passform mellom bokstavene i større størrelser. Alternativer: «Inter» i 300-tykkelse eller «Söhne» i lett tykkelse som et premiumalternativ.
- Inter — erstatning: Inter or system-ui · omriss 400, 500 · Alt utenfor skjermen: brødtekst, navigasjon, knapper, lenker, etiketter, inndatafelt, kort. 400 er standardvekten; 500 er reservert for knapper og uthevede lenker. Størrelsene varierer fra 10 til 10, med redusert linjeavstand (1,47–1,6), noe som gir avsnittene rom til å puste. En liten bokstavavstand på +1 (2) i størrelser fra 14 til 3 forbedrer lesbarheten i små størrelser.
- Geist Mono — erstatning: JetBrains Mono or IBM Plex Mono · omriss 400 · Mikrotekst plassert ved siden av kode eller teknisk tekst, plassert 13 piksler – sjelden brukt (frekvens = 28) for tekniske etiketter eller metadata. Enkelt lag, stor linjehøyde på 1,69.
Intervaller og form
| Hensikt | Betydning |
|---|---|
| Tetthet | tett |
| Grunnleggende trinn | 8-16px |
| Knapperadius | 9999px |
| Kortradius | 20px |
| Skygger | ingen grenser i stedet for skygger |
| Mellom seksjoner | 96-125px |
| Sidebredde | 1280px |
AI vil bygge nettstedet ditt i ElevenLabs -stil og fylle det
- Fyll på med produkter og innlegg via lenken - Instagram, TikTok, Facebook.
- Overfør innhold fra det gamle nettstedet ditt – bare oppgi adressen.
- Moderne design på den beste søkemotoren: React ( Next.js) med serverrendering og SEO-optimalisering rett ut av boksen.
- Helautomatisk SEO-optimalisering for søkeresultater og anbefalinger fra nevrale nettverk.
Lignende stiler
- Awesomic — Redaksjonelt sinknett med oransje tegnsettingstegn som minner om konfetti
- Monad — redaksjonell teknisk tidsskrift på varmt pergament
- Dub — Links kontrollpanel for matt rispapir
- Seline Analytics — Et stille analytisk bord på varmt papir
- Notion — En varm papirnotatbok i middagssolen
- Anthropic — Et vitenskapelig felttidsskrift på varmt vellum – rolige elfenbensfargede overflater, seriferte redaksjonelle overskrifter og en enkelt leireaksent som bare dukker opp når handling er nødvendig.
- Calendly — Mørkeblått blekk på kald marmor
- Augen Pro — Apples hvite presentasjon har en klinisk, vektløs, elektrisk blåfarge som eneste aksent i et monokromt rom.
- Antimetal — En redaksjonell krønike på kremfarget papir – en stille morgen i et vitenskapelig tidsskrift, hvor tilbakeholdenhet formidler selvtillit og seriffer gjør det tunge arbeidet
- Perk — Elektrisk lime på varmt bakepapir
- Ditto — Et solfylt verksted som lager prøver av villblomster. Varme kremfargede overflater, en livlig gul grunnfarge, dyp marineblå blekk, organiske fargeformer som blomstrer bak verket.
- Officevibe — Et redaksjonelt magasin på varmt kremfarget papir. Se for deg et tankevekkende essay om HR-ledelse, presentert som et produkt – en kursiv serif-skrift som hvisker gjennom et moderne blått grensesnitt.