ElevenLabs
Et fotoessay i varme cremefarvede toner med diskrete overskrifter. En notesbog i Bauhaus-stil – æggeskalsfarvet papir, sort blæk og en enkelt lilla og orange accent til produktpræsentation.
ElevenLabs arbejder i en varm, hvid minimalistisk stil: et æggeskalsfarvet lærred (#fdfcfc) med sort skrift og et enkelt lag af varme taupe-overflader (#f5f3f1). Brandidentiteten er stille og selvsikker – den næsten uigenkendelige Waldenburg 300-skrifttype fremhæver overskrifterne med ekstrem klarhed (-0.02em), mens Inter 400/500 giver alt andet en rolig neutralitet. To accentfarver – livlig lilla #0447ff og livlig orange #ff4704 – fremstår kun i produktets visuelle elementer (audiosfærer, produktikoner), aldrig så krom i brugergrænsefladen. Komponenterne forbliver flade eller let hævede med tynde 1px-kanter, brede 20px-radier på kort og fuldt udfyldte 9999px-knapper. Systemet minder om et Bauhaus-studie på cremefarvet papir: tilbageholdende, redaktionelt og teknisk præcist.
Sektioner i fuld bredde er arrangeret lodret i en enkelt central kolonne med maksimal bredde og 1280px ydre margener. Hovedsektionen er asymmetrisk: overskriften er venstrejusteret på 48px Waldenburg-niveau, beskrivelsesteksten er højrejusteret, og to pilleformede knapper er placeret under overskriften. Under hovedsektionen er der en stor navigationslinje med faner, der strækker sig over hele indholdets bredde. Sektionerne skifter mellem æggeskalsfarvede og taupe-farvede baggrunde med lodrette margener på 96-125px. Sidefoden er en kompakt, enkelt strimmel. Navigationen er en minimalistisk toplinje – ingen fast funktion, ingen megamenuer. Indholdsrytmen matcher den redaktionelle stil: masser af hvid plads, ét hovedvisuelt element pr. sektion og ingen kortgitre under "Tillid"-sektionen.
Det visuelle design er domineret af et farveskema: store gradienter i form af bløde lydkugler (200px+ cirkler med radiale overgange fra lilla til orange og pink) fungerer som det primære grafiske element. Logoer i "Tillid"-sektionen præsenteres i en gråtone med lav kontrast mod en mat lærredsbaggrund. Fotografi er minimal – der er ingen livsstils- eller produktfotos. Ikonografien er sparsom og monokrom (sort kontur eller udfyldte ikoner, ingen kromatiske ikoner). Det visuelle system minder mere om en designpublikation end et produktkatalog – redaktionel tilbageholdenhed går forud for marketingmæssig effekt.
Palet
Mærke
- Violet Spark
#0447ff— Produktets visuelle fremhævelse - Vises kun i lydsfæreillustrationer og dekorative produktikoner; bruges aldrig til grænsefladeelementer.
Neutral
- Eggshell
#fdfcfc— Lærredet, knapoverfladerne og kortoverfladerne er varme, let cremefarvede snarere end stærkt hvide for at undgå digital genskin og give webstedet papirets ro. - Warm Taupe
#f5f3f1— Skillelister, dekorative kort og et ekstra overfladeniveau – et trin dybere end den matte overflade – skaber en stille, kantløs adskillelse. - Stone
#ebe8e4— Tynde kanter, skillevægge og ikonbaggrunde har en varm grå farve, der ligger mellem taupe og mellemgrå uden at føles kold. - Ink
#000000— Uanset om det er brødtekst, udfyldte knapper, navigation eller links, fungerer ren sort som fundament for en varm farvepalet og skaber den eneste skarpe kontrast i systemet. - Graphite
#44403b— Brødtekst, afsnitsoverskrifter - en diskret varm mørkegrå til tekst, der skal være slagkraftig uden den sorte farves hårdhed. - Smoke
#777169— Hovedteksten, diskrete beskrivelser og billedtekster er i en mellemvarm grå farve; den dominerende, læsbare, men rolige stil i kortene og de tematiske tekster.
Typografi
fra 10 til 48px · 8 trin
- Waldenburg — udskiftning: Inter (300) or Söhne Light · konturer 300 · Kun til overskrifter og designelementer. Bruges i 48/36/32px-formater med en skrifttykkelse på 300 – en ultralet skrifttype er ukonventionel; de fleste websteder bruger 600-700; denne diskrete skrifttype formidler autoritet gennem tilbageholdenhed. En kort bogstavafstand på -0,02 em skaber en tættere pasform mellem bogstaverne i større størrelser. Alternativer: "Inter" i 300 px eller "Söhne" i let skrifttype som et premiumalternativ.
- Inter — udskiftning: Inter or system-ui · konturer 400, 500 · Alt uden for skærmen: brødtekst, navigation, knapper, links, etiketter, inputfelter, kort. 400 er standardvægten; 500 er reserveret til knapper og fremhævede links. Størrelserne varierer fra 10 til 10, med reduceret linjeafstand (1,47-1,6), hvilket giver afsnit plads til at ånde. En lille bogstavafstand på +1 (2) i størrelser fra 14 til 3 forbedrer læsbarheden i små størrelser.
- Geist Mono — udskiftning: JetBrains Mono or IBM Plex Mono · konturer 400 · Mikrotekst placeret ved siden af kode eller teknisk tekst, placeret ved 13px – sjældent brugt (frekvens = 28) til tekniske etiketter eller metadata. Enkelt lag, stor linjehøjde på 1,69.
Intervaller og form
| Formål | Mening |
|---|---|
| Tæthed | tæt |
| Grundlæggende trin | 8-16px |
| Knapradius | 9999px |
| Kortradius | 20px |
| Skygger | ingen grænser i stedet for skygger |
| Mellem sektioner | 96-125px |
| Sidebredde | 1280px |
AI vil bygge din hjemmeside i ElevenLabs -stil og udfylde den
- Fyld med produkter og opslag via linket - Instagram, TikTok, Facebook.
- Overfør indhold fra dit gamle websted – angiv blot adressen.
- Moderne design på den bedste søgemotor: React ( Next.js) med serverrendering og SEO-optimering lige fra starten.
- Fuldautomatiseret SEO-optimering til søgeresultater og anbefalinger til neurale netværk.
Lignende stilarter
- Awesomic — Redaktionelt zinknet med orange tegnsætningstegn, der minder om konfetti
- Monad — redaktionelt teknisk tidsskrift på varmt pergament
- Dub — Links kontrolpanel med mat rispapir
- Seline Analytics — Et stille analysebord på varmt papir
- Notion — En varm papirnotesbog i middagssolen
- Anthropic — Et videnskabeligt felttidsskrift på varmt pergament – rolige elfenbensfarvede overflader, seriferede redaktionelle overskrifter og en enkelt leraccent, der kun vises, når handling er nødvendig.
- Calendly — Mørkeblå blæk på kold marmor
- Augen Pro — Apples hvide præsentation har en klinisk, vægtløs, elektrisk blå farve som den eneste accent i et monokromt rum.
- Antimetal — En redaktionel krønike på cremefarvet papir – en stille morgen i et videnskabeligt tidsskrift, hvor tilbageholdenhed udstråler selvtillid, og seriffer klarer det hårde arbejde.
- Perk — Elektrisk lime på varmt pergamentpapir
- Ditto — Et solbelyst værksted, der skaber prøver af vilde blomster. Varme cremefarvede overflader, en levende gul bundfarve, dyb marineblå blæk, organiske farveformer, der blomstrer bag værket.
- Officevibe — Et redaktionelt magasin på varmt cremefarvet papir. Forestil dig et tankevækkende essay om HR-ledelse, præsenteret som et produkt – en kursiv serif-skrifttype, der hvisker gennem en moderne blå brugerflade.