ElevenLabs
E Fotoessay a waarme Crèmetéin mat subtile Schlagzeilen. En Notizbuch am Bauhaus-Stil - Eeërschuelfaarwegt Pabeier, schwaarz Tënt an een eenzege violette an orange Akzent fir d'Produktpresentatioun.
ElevenLabs schafft an engem waarme, wäisse minimalistesch Stil: eng Leinwand a Form vun engem Eeërschuel (#fdfcfc) mat schwaarzer Schrëft an enger eenzeger Schicht waarmen Taupe-Uewerflächen (#f5f3f1). D'Markenidentitéit ass roueg a selbstbewosst - déi kaum z'ënnerscheedbar Waldenburg 300 Schrëft ervirhieft d'Iwwerschrëften mat extremer Kloerheet (-0.02em), während Inter 400/500 allem anere eng roueg Neutralitéit gëtt. Zwee Akzentfaarwen - lieweg Violett #0447ff a lieweg Orange #ff4704 - trieden nëmmen an de visuellen Elementer vum Produkt (Audiosphären, Produktikonen) op, ni sou verchromt an der Benotzerinterface. D'Komponente bleiwen flaach oder liicht erhuewen mat dënnen 1px-Ränner, breede 20px-Radien op de Kaarten a voll ausgefëllte 9999px-Knäppercher. De System erënnert un e Bauhaus-Studio op Crèmepabeier: zréckgehalen, redaktionell an technesch präzis.
Sektiounen a voller Breet sinn vertikal an enger eenzeger zentraler Kolonn mat maximaler Breet mat 1280px äusseren Ofstänn arrangéiert. Den Haaptdeel ass asymmetresch: d'Iwwerschrëft ass lénks ausgeriicht um 48px Waldenburg-Niveau, den Beschreiwungstext ass riets ausgeriicht, an zwéi pillefërmeg Knäppercher sinn ënner der Iwwerschrëft. Ënnert dem Haaptdeel ass eng grouss Navigatiounsleiste mat Tabs, déi déi ganz Breet vum Inhalt ofdeckt. D'Sektiounen wiesselen tëscht Eeërschuelfaarwegen an Taupe-Hannergrënn mat vertikale Ofstänn vun 96–125px. De Fousszeil ass e kompakten, eenzege Sträifen. D'Navigatioun ass eng minimalistesch iewescht Leiste - kee fixe Verhalen, keng Mega-Menüen. De Rhythmus vum Inhalt entsprécht dem redaktionelle Stil: vill wäisse Raum, een Haaptvisuellt Element pro Sektioun, a keng Kaartegitter ënner der "Vertrauen"-Sektioun.
Den visuellen Design gëtt vun engem Faarfschema dominéiert: grouss Gradienten a Form vu mëllen Audiokugelen (200px+ Kreesser mat radialen Iwwergäng vu violett op orange a rosa) déngen als Haaptgrafikelement. Logoen an der Rubrik "Vertrauen" ginn an enger kontrastarmer Grostufen virun engem matte Leinwandhannergrond presentéiert. D'Fotografie ass minimal - et gëtt keng Lifestyle- oder Produktfotoen. D'Ikonographie ass spuersam a monochrom (schwaarz Konturen oder ausgefëllte Symboler, keng chromatesch Symboler). De visuelle System erënnert éischter un eng Designpublikatioun wéi un e Produktkatalog - redaktionell Zréckhaltung setzt sech virum Marketing-Impakt.
Palette
Mark
- Violet Spark
#0447ff— Produkt visuell Betonung - Erschéngt nëmmen an Audiosphärillustratiounen an dekorativen Produktikonen; ni fir Interfaceelementer benotzt.
Neutral
- Eggshell
#fdfcfc— D'Leinwand, d'Knäppercher an d'Kaartefläche si waarm, liicht cremeg, amplaz vun haartnäckege wäissen, fir digital Blendung ze vermeiden an dem Site d'Rou vum Pabeier ze ginn. - Warm Taupe
#f5f3f1— Trennstreifen, Dekoratiounskaarten an eng zousätzlech Uewerfläch – ee Schrëtt méi déif wéi déi matt Uewerfläch – kreéieren eng roueg, randlos Trennung. - Stone
#ebe8e4— Dënn Bordüren, Trennwänn an Ikonhannergrënn sinn e waarme Gro, deen tëscht Taupe a mëttelgro läit, ouni kal ze wierken. - Ink
#000000— Egal ob et sech ëm Kierpertext, ausgefëllte Knäppercher, Navigatioun oder Linken handelt, rengt Schwaarz déngt als Basis fir eng waarm Faarfpalette a kreéiert deen eenzege schaarfe Kontrast am System. - Graphite
#44403b— Kierpertext, Sektiounsiwwerschrëften - e subtile waarme donkelgroe Faarftéin fir Text, dee präzis muss sinn, ouni déi haart Schwaarz. - Smoke
#777169— Den Haapttext, diskret Beschreiwungen an Ënnerschrëften sinn an engem mëttel-waarme Gro; de dominanten, lieserleche, awer rouege Stil vun de Kaarten an themateschen Texter.
Typographie
vun 10 bis 48px · 8 Schrëtt
- Waldenburg — Ersatz: Inter (300) or Söhne Light · Konturen 300 · Nëmme fir Iwwerschrëften an Designelementer. Gëtt a Formater vu 48/36/32px mat enger Schrëftgewiicht vun 300 benotzt - eng ultraliicht Schrëft ass onkonventionell; déi meescht Websäite benotzen 600-700; dës subtil Schrëft vermëttelt Autoritéit duerch Zréckhaltung. En enken Ofstand tëscht de Buschtawen vun -0,02em erstellt eng méi enk Passform tëscht de Buschtawen a gréissere Gréissten. Alternativen: "Inter" a Gewiicht 300 oder "Söhne" a liichtem Gewiicht als Premiumalternativ.
- Inter — Ersatz: Inter or system-ui · Konturen 400, 500 · Alles ausserhalb vum Bildschierm: Kierpertext, Navigatioun, Knäppercher, Linken, Etiketten, Inputfelder, Kaarten. 400 ass d'Standardgewiicht; 500 ass reservéiert fir Knäppercher a markéiert Linken. D'Gréissten reechen vun 10 bis 10, mat engem reduzéierten Zeilenofstand (1,47–1,6), wat den Abschnitter Raum gëtt fir ze otmen. En Ofstand vu klenge Buschtawen vun +1 (2) bei Gréissten vun 14 bis 3 verbessert d'Liesbarkeet bei klenge Gréissten.
- Geist Mono — Ersatz: JetBrains Mono or IBM Plex Mono · Konturen 400 · Mikrotext nieft Code oder techneschen Text, positionéiert op 13px - selten benotzt (Frequenz = 28) fir technesch Etiketten oder Metadaten. Eenzel Schicht, grouss Zeilhéicht vun 1,69.
Intervaller a Form
| Zweck | Bedeitung |
|---|---|
| Dicht | dicht |
| Basis Schrëtt | 8-16px |
| Knäppchenradius | 9999px |
| Kaarteradius | 20px |
| Schied | keng Grenzen amplaz vu Schied |
| Tëscht de Sektiounen | 96-125px |
| Säitebreet | 1280px |
KI baut Är Websäit am Stil vun ElevenLabs op a fëllt se aus
- Fëllt mat Produkter a Posts iwwer de Link aus - Instagram, TikTok, Facebook.
- Inhalt vun Ärer aler Säit transferéieren - gitt einfach d'Adress un.
- Modernen Design op der beschter Engine: React ( Next.js) mat Serverrendering an SEO Optimiséierung direkt aus der Këscht.
- Vollautomatesch SEO-Optimiséierung fir Sichresultater an Empfehlungen fir neuronal Netzwierker.
Ähnlech Stiler
- Awesomic — Redaktiounszinknetz mat orange Punktuatiounszeechen, déi u Konfetti erënneren
- Monad — redaktionell technesch Zäitschrëft op waarmem Pergament
- Dub — Link säi Kontrollpanel aus matte Räispabeier
- Seline Analytics — Eng roueg analytesch Tabelle op waarmem Pabeier
- Notion — E waarme Pabeiernotizbuch an der Mëttesonn
- Anthropic — Eng wëssenschaftlech Feldzäitschrëft op waarmem Pergament - roueg elfenbeinfaarweg Uewerflächen, schifereg Editorial-Iwwerschrëften an een eenzegen Tounakzent, deen nëmmen erschéngt, wann Handlung néideg ass.
- Calendly — Donkelblo Tënt op kalem Marmer
- Augen Pro — Apple seng wäiss Presentatioun weist e klineschen, gewichtslose, elektresche Blo als eenzegen Akzent an engem monochrome Raum.
- Antimetal — Eng redaktionell Chronik op cremefaarwegem Pabeier - e rouege Moien an enger wëssenschaftlecher Zäitschrëft, wou Zréckhaltung Selbstvertrauen ausstraalt a Serifen déi schwéier Aarbecht maachen.
- Perk — Elektresch Kalk op waarmem Bakpabeier
- Ditto — E sonnebeliichte Workshop fir d'Erstelle vu Wildblummenprouwen. Waarm Crème-Uewerflächen, eng lieweg giel Basisfaarf, déif marineblo Tënten, organesch Faarfformen, déi hannert dem Stéck bléien.
- Officevibe — Eng redaktionell Zäitschrëft op waarmem crèmefaarwege Pabeier. Stellt Iech en nodenklechen Essay iwwer HR-Management vir, deen als Produkt presentéiert gëtt - eng Schrëft mat Serif, déi duerch eng modern blo Interface flüstert.