ElevenLabs
Un eseu foto în tonuri calde de crem, cu titluri subtile. Un caiet în stil Bauhaus — hârtie de culoarea cojii de ou, cerneală neagră și un singur accent violet și portocaliu pentru prezentarea produsului.
ElevenLabs lucrează într-un stil minimalist, alb și cald: o pânză de culoarea cojii de ou (#fdfcfc) cu font negru și un singur strat de suprafețe taupe calde (#f5f3f1). Identitatea mărcii este liniștită și încrezătoare - fontul Waldenburg 300, abia distinct, evidențiază titlurile cu o claritate extremă (-0.02em), în timp ce Inter 400/500 conferă tuturor celorlalte elemente o neutralitate calmă. Două culori de accent - violet vibrant #0447ff și portocaliu vibrant #ff4704 - ies în evidență doar în elementele vizuale ale produsului (audiosfere, pictograme de produs), niciodată ca cromul în interfața cu utilizatorul. Componentele rămân plate sau ușor ridicate, cu margini subțiri de 1px, raze largi de 20px pe cartonașe și butoane complet umplute de 9999px. Sistemul amintește de un studio Bauhaus pe hârtie crem: restrâns, editorial și precis din punct de vedere tehnic.
Secțiunile cu lățime completă sunt aranjate vertical într-o singură coloană centrală de lățime maximă, cu margini exterioare de 1280px. Secțiunea principală este asimetrică: titlul este aliniat la stânga la nivelul Waldenburg de 48px, textul descrierii este aliniat la dreapta, iar două butoane în formă de pilulă sunt situate sub titlu. Sub secțiunea principală se află o bară de navigare mare, cu file, care se întinde pe întreaga lățime a conținutului. Secțiunile alternează între fundaluri de culoarea cojii de ou și taupe, cu margini verticale de 96–125px. Subsolul este o bandă compactă, unică. Navigarea este o bară superioară minimalistă - fără comportament fix, fără mega-meniuri. Ritmul conținutului se potrivește cu stilul editorial: mult spațiu alb, un element vizual principal per secțiune și nicio grilă de carduri sub secțiunea „Încredere”.
Designul vizual este dominat de o schemă de culori: gradienți mari sub formă de sfere audio delicate (cercuri de peste 200px cu tranziții radiale de la violet la portocaliu și roz) servesc drept element grafic principal. Logo-urile din secțiunea „Încredere” sunt prezentate într-o gamă de gri cu contrast redus pe un fundal mat, tip pânză. Fotografia este minimalistă - nu există fotografii de lifestyle sau de produse. Iconografia este rară și monocromă (contur negru sau pictograme umplute, fără pictograme cromatice). Sistemul vizual amintește mai mult de o publicație de design decât de un catalog de produse - reținerea editorială prevalează asupra impactului de marketing.
Paletă
Marca
- Violet Spark
#0447ff— Accent vizual pe produs - Apare doar în ilustrațiile sferei audio și în pictogramele decorative ale produselor; nu este folosit niciodată pentru elementele de interfață.
Neutru
- Eggshell
#fdfcfc— Suprafețele pânzei paginii, ale butoanelor și ale cardurilor sunt calde, ușor cremoase, în loc de alb intens, pentru a evita reflexiile digitale și a oferi site-ului calmul hârtiei. - Warm Taupe
#f5f3f1— Benzile de separare, cartonașele decorative și un nivel suplimentar de suprafață – cu o treaptă mai adânc decât suprafața mată – creează o separare discretă, fără margini. - Stone
#ebe8e4— Bordurile subțiri, separatoarele și fundalurile pictogramelor sunt de un gri cald, care se situează între griul taupe și griul mediu, fără a da o senzație rece. - Ink
#000000— Fie că este vorba de text, butoane umplute, navigare sau linkuri, negrul pur servește drept bază pentru o paletă de culori calde și creează singurul contrast puternic din sistem. - Graphite
#44403b— Textul corpului, titlurile secțiunilor - un gri închis cald și subtil pentru textul care trebuie să fie incisiv, fără asprimea negrului. - Smoke
#777169— Textul principal, descrierile discrete și legendele sunt într-o nuanță de gri mediu-cald; stilul dominant, lizibil, dar calm, al cărților de joc și al textelor tematice.
Tipografie
de la 10 la 48px · 8 pași
- Waldenburg — înlocuire: Inter (300) or Söhne Light · contururi 300 · Numai pentru titluri și elemente de design. Se utilizează în formate de 48/36/32px cu o grosime a fontului de 300 - un font ultra-ușor este neconvențional; majoritatea site-urilor web folosesc 600-700; acest font subtil transmite autoritate prin sobrietate. Spațierea strânsă a literelor de -0,02em creează o potrivire mai strânsă între literele de dimensiuni mai mari. Alternative: „Inter” cu grosimea de 300 sau „Söhne” cu grosime redusă, ca alternativă premium.
- Inter — înlocuire: Inter or system-ui · contururi 400, 500 · Totul în afara ecranului: textul corpului, navigarea, butoanele, linkurile, etichetele, câmpurile de introducere, fișele. 400 este grosimea implicită; 500 este rezervată pentru butoane și linkurile evidențiate. Dimensiunile variază de la 10 la 10, cu spațiere redusă între rânduri (1,47–1,6), oferind paragrafelor spațiu de respirație. O spațiere mică între litere de +1 (2) la dimensiuni de la 14 la 3 îmbunătățește lizibilitatea la dimensiuni mici.
- Geist Mono — înlocuire: JetBrains Mono or IBM Plex Mono · contururi 400 · Microtext situat lângă cod sau text tehnic, poziționat la 13px — rar utilizat (frecvență = 28) pentru etichete tehnice sau metadate. Strat unic, înălțime mare a liniei de 1,69.
Intervale și formă
| Scop | Sens |
|---|---|
| Densitate | dens |
| Pasul de bază | 8-16px |
| Raza butonului | 9999px |
| Raza cardului | 20px |
| Umbre | fără - margini în loc de umbre |
| Între secțiuni | 96-125px |
| Lățimea paginii | 1280px |
Inteligența artificială vă va construi site-ul web în stilul ElevenLabs și îl va completa
- Completează cu produse și postări prin link - Instagram, TikTok, Facebook.
- Transferați conținut de pe vechiul site - specificați doar adresa.
- Design modern pe cel mai bun motor: React ( Next.js) cu randare pe server și optimizare SEO gata de utilizare.
- Optimizare SEO complet automatizată pentru rezultatele căutării și recomandări de rețele neuronale.
Stiluri similare
- Awesomic — Plasă de zinc editorială cu semne de punctuație portocalii care amintesc de confetti
- Monad — revistă tehnică editorială pe pergament cald
- Dub — Panoul de control din hârtie de orez mată al lui Link
- Seline Analytics — O masă analitică liniștită pe hârtie caldă
- Notion — Un caiet de hârtie cald în soarele de la amiază
- Anthropic — O revistă științifică de teren pe pergament cald — suprafețe calme de fildeș, titluri editoriale cu serife și un singur accent de lut care apare doar atunci când este nevoie de acțiune.
- Calendly — Cerneală albastru închis pe marmură rece
- Augen Pro — Prezentarea albă a Apple prezintă un albastru electric, clinic, imponderabil, ca unic accent într-un spațiu monocrom.
- Antimetal — O cronică editorială pe hârtie crem - o dimineață liniștită la o revistă științifică, unde reținerea transmite încredere, iar serifele fac munca grea
- Perk — Varză electrică pe hârtie de copt caldă
- Ditto — Un atelier însorit care creează mostre de flori sălbatice. Suprafețe crem calde, o culoare de bază galben vibrant, cerneluri bleumarin intens, forme organice de culoare înflorind în spatele piesei.
- Officevibe — O revistă editorială pe hârtie crem-verzuie. Imaginați-vă un eseu profund despre managementul resurselor umane, prezentat ca un produs - un font cursiv serif care șoptește printr-o interfață albastră modernă.