Telegramu, WhatsApp+380637610482
Valery Danyuk
Valery DanyuksviluppatoreSviluppà strumenti di IA per l'imprese. Alta qualità. Accessibile.Scrive in Telegram
ElevenLabs — un'anteprima di un situ in questu stile

ElevenLabs

Un saggio fotograficu in toni caldi di crema cù tituli suttili. Un quaderno in stile Bauhaus - carta culurata cum'è un gusciu d'ovu, inchiostru neru è un unicu accentu viola è aranciu per a presentazione di u pruduttu.

ElevenLabs travaglia in un stile minimalista biancu è caldu: una tela culurata cum'è una guscia d'ovu (#fdfcfc) cù caratteri neri è un unicu stratu di superfici taupe calde (#f5f3f1). L'identità di a marca hè tranquilla è sicura di sè - u caratteru tipograficu Waldenburg 300, appena distinguibile, mette in risaltu i tituli cù una chiarezza estrema (-0,02 em), mentre chì Inter 400/500 dà à tuttu u restu una neutralità calma. Dui culori d'accentu - viola vibrante #0447ff è aranciu vibrante #ff4704 - spuntanu solu in l'elementi visuali di u pruduttu (audiosfere, icone di u pruduttu), mai cum'è cromu in l'interfaccia utente. I cumpunenti restanu piatti o ligeramente rialzati cù bordi sottili di 1 px, raggi larghi di 20 px nantu à e carte è buttoni di 9999 px cumpletamente pieni. U sistema ricorda un studio Bauhaus nantu à carta crema: cuntenutu, editoriale è tecnicamente precisu.

E sezzioni à larghezza piena sò disposte verticalmente in una sola colonna centrale di larghezza massima cù gutter esterni di 1280px. A sezzione principale hè asimmetrica: u titulu hè allinatu à manca à u livellu Waldenburg di 48px, u testu di descrizzione hè allinatu à diritta, è dui buttoni in forma di pillola sò situati sottu à u titulu. Sottu à a sezzione principale ci hè una grande barra di navigazione à tabulazioni chì copre tutta a larghezza di u cuntenutu. E sezzioni alternanu trà sfondi di culore gusciu d'ovu è taupe cù gutter verticali di 96-125px. U pede di pagina hè una striscia unica è compatta. A navigazione hè una barra superiore minimalista - senza cumpurtamentu fissu, senza mega-menu. U ritmu di u cuntenutu currisponde à u stile editoriale: assai spaziu biancu, un elementu visuale principale per sezzione è senza griglie di carte sottu à a sezzione "Fiducia".

U disignu visuale hè duminatu da una paleta di culori: grandi gradienti in forma di sfere audio morbide (circuli di più di 200px cù transizioni radiali da u viulettu à l'aranciu è u rosa) servenu cum'è elementu graficu principale. I loghi in a sezzione "Fiducia" sò presentati in una scala di grigi à bassu cuntrastu contr'à un sfondate di tela opaca. A fotografia hè minimale - ùn ci sò micca foto di stile di vita o di prudutti. L'iconografia hè sparsa è monocromatica (icone cù contorni neri o piene, nisuna icona cromatica). U sistema visuale ricorda più una publicazione di design chè un catalogu di prudutti - a moderazione editoriale prevale nantu à l'impattu di marketing.

Paletta

Marca

  • Violet Spark #0447ff — Enfasi Visuale di u Produttu - Appare solu in l'illustrazioni di a sfera audio è l'icone decorative di u produttu; mai aduprata per l'elementi di l'interfaccia.

Neutru

  • Eggshell #fdfcfc — A tela di a pagina, e superfici di i buttoni è e superfici di e carte sò calde, ligeramente cremose, invece di bianche intense, per evità u riflessu digitale è dà à u situ a calma di a carta.
  • Warm Taupe #f5f3f1 — Strisce divisorie, carte decorative è un livellu di superficia supplementu - un passu più prufondu cà a superficia opaca - creanu una separazione tranquilla è senza bordi.
  • Stone #ebe8e4 — I bordi fini, i divisori è i sfondi di l'icone sò un grisgiu caldu chì si trova trà u taupe è u grisgiu mediu senza dà una sensazione di fretu.
  • Ink #000000 — Ch'ellu si tratti di testu di u corpu, buttoni pieni, navigazione o ligami, u neru puru serve cum'è basa per una paleta di culori caldi è crea l'unicu cuntrastu nettu in u sistema.
  • Graphite #44403b — Testu di u corpu, intestazioni di sezzioni - un grisgiu scuru caldu suttile per u testu chì deve esse incisivu senza a durezza di u neru.
  • Smoke #777169 — U testu principale, e descrizzioni discrete è e didascalie sò in un grisgiu mediu-caldu; u stile dominante, leggibile, ma calmu di e carte è di i testi tematichi.

Tipografia

da 10 à 48px · 8 passi

  • Waldenburg — rimpiazzamentu: Inter (300) or Söhne Light · contorni 300 · Solu per i tituli è l'elementi di cuncepimentu. Adupratu in furmati 48/36/32px cù un pesu di carattere di 300 - un carattere ultra-ligeru hè micca cunvinziunale; a maiò parte di i siti web utilizanu 600-700; questu carattere suttile trasmette autorità per via di a moderazione. Una spaziatura stretta di e lettere di -0.02em crea una adattazione più stretta trà e lettere di dimensioni più grande. Alternative: "Inter" in pesu 300 o "Söhne" in pesu ligeru cum'è alternativa premium.
  • Inter — rimpiazzamentu: Inter or system-ui · contorni 400, 500 · Tuttu ciò chì hè fora di u screnu: testu di u corpu, navigazione, buttoni, ligami, etichette, campi di input, carte. 400 hè u pesu predefinitu; 500 hè riservatu per i buttoni è i ligami evidenziati. E dimensioni varianu da 10 à 10, cù una spaziatura di linea ridutta (1,47-1,6), chì dà à i paragrafi spaziu per respirà. Una spaziatura di lettere chjuca di +1 (2) à e dimensioni da 14 à 3 migliora a leggibilità à e dimensioni chjuche.
  • Geist Mono — rimpiazzamentu: JetBrains Mono or IBM Plex Mono · contorni 400 · Microtestu situatu accantu à u codice o à u testu tecnicu, pusiziunatu à 13px - raramente adupratu (frequenza = 28) per etichette tecniche o metadati. Stratu unicu, altezza di linea grande di 1,69.

Intervalli è forma

ScopuSignificatu
Densitàdensu
Passu basicu8-16px
Raggiu di u buttone9999px
Raggiu di a carta20px
Ombrenò - bordi invece di ombre
Trà e sezioni96-125px
Larghezza di a pagina1280px

L'IA custruisce u vostru situ web in stile ElevenLabs è u riempirà

  • Riempite cù prudutti è publicazioni via u ligame - Instagram, TikTok, Facebook.
  • Trasferisce u cuntenutu da u vostru vechju situ - basta à specificà l'indirizzu.
  • Design mudernu nant'à u megliu mutore: React ( Next.js) cù rendering di u servitore è ottimizazione SEO pronta per l'usu.
  • Ottimizazione SEO cumpletamente automatizata per i risultati di ricerca è e raccomandazioni di rete neurale.

Stili simili

  • Awesomic — Maglia di zincu editoriale cù segni di punteggiatura aranciu chì ricordanu i confetti
  • Monad — rivista tecnica editoriale nantu à pergamena calda
  • Dub — U pannellu di cuntrollu di carta di risu opaca di Link
  • Seline Analytics — Una tavula analitica tranquilla nantu à carta calda
  • Notion — Un quaderno di carta calda à u sole di meziornu
  • Anthropic — Una rivista scientifica di campu nantu à pergamena calda - superfici d'avorio calme, tituli editoriali serifati è un unicu accentu d'argilla chì appare solu quandu hè necessaria un'azione.
  • Calendly — Inchiostru turchinu scuru nantu à u marmaru fretu
  • Augen Pro — A presentazione bianca d'Apple presenta un turchinu elettricu clinicu, senza pesu cum'è unicu accentu in un spaziu monocromu.
  • Antimetal — Una cronaca editoriale nantu à carta crema - una matina tranquilla in una rivista scientifica, induve a moderazione trasmette fiducia è i serif facenu u travagliu pesante.
  • Perk — Calce elettrica nantu à carta pergamena calda
  • Ditto — Un attellu illuminatu da u sole chì crea campioni di fiori salvatichi. Superfici crema calde, un culore di basa giallu vibrante, inchiostri blu marinu scuru, forme di culore organiche chì fiuriscenu daretu à l'opera.
  • Officevibe — Una rivista editoriale nantu à carta di culore crema calda. Imaginate un saggio riflessivu nantu à a gestione di e risorse umane, presentatu cum'è un pruduttu - un carattere serif cursivu chì sussurra attraversu una interfaccia blu muderna.