ElevenLabs
Foto esej u toplim krem tonovima sa suptilnim naslovima. Bilježnica u stilu Bauhausa - papir boje ljuske jajeta, crna tinta i jedan ljubičasti i narandžasti akcenat za izlaganje proizvoda.
ElevenLabs radi u toplom, bijelom minimalističkom stilu: platno boje ljuske jajeta (#fdfcfc) s crnim slovima i jednim slojem toplih taupe površina (#f5f3f1). Identitet brenda je tih i samouvjeren - jedva prepoznatljiv font Waldenburg 300 ističe naslove s izuzetnom jasnoćom (-0.02em), dok Inter 400/500 svemu ostalom daje mirnu neutralnost. Dvije akcentne boje - živahna ljubičasta #0447ff i živahna narandžasta #ff4704 - ističu se samo unutar vizualnih elemenata proizvoda (audiosfere, ikone proizvoda), nikada kao hrom u korisničkom interfejsu. Komponente ostaju ravne ili blago izdignute s tankim okvirima od 1px, širokim radijusima od 20px na karticama i potpuno ispunjenim dugmadima od 9999px. Sistem podsjeća na Bauhaus studio na krem papiru: suzdržan, urednički i tehnički precizan.
Dijelovi pune širine su vertikalno raspoređeni u jednom centralnom stupcu maksimalne širine s vanjskim rubovima od 1280px. Glavni dio je asimetričan: naslov je poravnat lijevo na nivou Waldenburga od 48px, tekst opisa je poravnat desno, a dva dugmeta u obliku tablete nalaze se ispod naslova. Ispod glavnog dijela nalazi se velika navigacijska traka s karticama koja se proteže cijelom širinom sadržaja. Dijelovi se naizmjenično kreću između pozadine boje ljuske jajeta i taupe s vertikalnim rubovima od 96–125px. Podnožje je kompaktna, jedna traka. Navigacija je minimalistička gornja traka - bez fiksnog ponašanja, bez mega-menija. Ritam sadržaja odgovara uredničkom stilu: puno bijelog prostora, jedan glavni vizualni element po dijelu i nema mreža kartica ispod dijela "Povjerenje".
Vizuelnim dizajnom dominira shema boja: veliki gradijenti u obliku mekih audio sfera (200px+ krugova s radijalnim prelazima iz ljubičaste u narandžastu i ružičastu) služe kao glavni grafički element. Logotipi u odjeljku "Povjerenje" predstavljeni su u sivoj skali niskog kontrasta na mat platnu. Fotografija je minimalna - nema fotografija životnog stila ili proizvoda. Ikonografija je rijetka i monohromatska (crni obris ili ispunjene ikone, nema hromatskih ikona). Vizuelni sistem više podsjeća na dizajnersku publikaciju nego na katalog proizvoda - urednička suzdržanost prevladava nad marketinškim utjecajem.
Paleta
Brend
- Violet Spark
#0447ff— Vizualni naglasak proizvoda - Pojavljuje se samo unutar ilustracija audio sfera i dekorativnih ikona proizvoda; nikada se ne koristi za elemente interfejsa.
Neutralno
- Eggshell
#fdfcfc— Platno stranice, površine dugmadi i površine kartica su tople, blago kremaste, umjesto potpuno bijele, kako bi se izbjegao digitalni odsjaj i dao sajtu smirenost papira. - Warm Taupe
#f5f3f1— Pregradne trake, ukrasne kartice i dodatna površinska ravna površina – jedan stepen dublje od mat površine – stvaraju tihu, bezgraničnu podjelu. - Stone
#ebe8e4— Tanke ivice, razdjelnici i pozadine ikona su tople sive boje koja se nalazi između taupe i srednje sive, a da pritom ne djeluje hladno. - Ink
#000000— Bilo da se radi o tekstu, ispunjenim dugmadima, navigaciji ili linkovima, čisto crna služi kao osnova za toplu paletu boja i stvara jedini oštar kontrast u sistemu. - Graphite
#44403b— Glavni tekst, naslovi odjeljaka - suptilna topla tamnosiva boja za tekst koji treba biti upečatljiv bez oštrine crne. - Smoke
#777169— Glavni tekst, diskretni opisi i natpisi su u srednje toploj sivoj boji; to je dominantan, čitljiv, ali smiren stil kartica i tematskih tekstova.
Tipografija
od 10 do 48px · 8 koraka
- Waldenburg — zamjena: Inter (300) or Söhne Light · obrisi 300 · Samo za naslove i dizajnerske elemente. Koristi se u formatima 48/36/32px s debljinom fonta od 300 - ultra lagani font je nekonvencionalan; većina web stranica koristi 600-700; ovaj suptilni font prenosi autoritet kroz suzdržanost. Uski razmak između slova od -0,02em stvara bliže prileganje između slova kod većih veličina. Alternative: "Inter" u debljini od 300 ili "Söhne" u laganoj težini kao premium alternativa.
- Inter — zamjena: Inter or system-ui · obrisi 400, 500 · Sve van ekrana: tekst, navigacija, dugmad, linkovi, oznake, polja za unos, kartice. 400 je zadana debljina; 500 je rezervirano za dugmad i istaknute linkove. Veličine se kreću od 10 do 10, sa smanjenim proredom između redova (1,47–1,6), što daje paragrafima prostora za "disanje". Mali prored između slova od +1 (2) pri veličinama od 14 do 3 poboljšava čitljivost pri malim veličinama.
- Geist Mono — zamjena: JetBrains Mono or IBM Plex Mono · obrisi 400 · Mikrotekst smješten pored koda ili tehničkog teksta, pozicioniran na 13px - rijetko se koristi (učestalost = 28) za tehničke oznake ili metapodatke. Jedan sloj, velika visina linije od 1,69.
Intervali i forma
| Svrha | Značenje |
|---|---|
| Gustoća | gust |
| Osnovni korak | 8-16px |
| Radijus dugmeta | 9999px |
| Radijus kartice | 20px |
| Sjene | ne - okviri umjesto sjena |
| Između sekcija | 96-125px |
| Širina stranice | 1280px |
Vještačka inteligencija će izgraditi vašu web stranicu u ElevenLabs stilu i popuniti je
- Popunite proizvodima i objavama putem linka - Instagram, TikTok, Facebook.
- Prenesite sadržaj sa vaše stare stranice - samo navedite adresu.
- Moderan dizajn na najboljem engine-u: React ( Next.js) sa serverskim renderovanjem i SEO optimizacijom odmah po instalaciji.
- Potpuno automatizirana SEO optimizacija za rezultate pretrage i preporuke neuronskih mreža.
Slični stilovi
- Awesomic — Urednička cinkova mreža s narandžastim interpunkcijskim znakovima koji podsjećaju na konfete
- Monad — urednički tehnički časopis na toplom pergamentu
- Dub — Linkova kontrolna ploča od mat rižinog papira
- Seline Analytics — Tihi analitički sto na toplom papiru
- Notion — Topla papirna sveska na podnevnom suncu
- Anthropic — Naučni časopis s terena o toplom pergamentu - mirne površine boje slonovače, serifirani urednički naslovi i jedan glineni akcenat koji se pojavljuje samo kada je potrebna akcija.
- Calendly — Tamnoplava tinta na hladnom mramoru
- Augen Pro — Appleova bijela prezentacija sadrži kliničku, bestežinu, električno plavu boju kao jedini akcenat u monohromatskom prostoru.
- Antimetal — Uvodnik na krem papiru - tiho jutro u naučnom časopisu, gdje suzdržanost prenosi samopouzdanje, a serifi obavljaju teški posao.
- Perk — Električni limet na toplom pergament papiru
- Ditto — Suncem obasjana radionica u kojoj se izrađuju uzorci divljeg cvijeća. Tople kremaste površine, živahna žuta osnovna boja, tamnoplave tinte, organski oblici boja koji cvjetaju iza djela.
- Officevibe — Uvodnik časopisa na toplom krem papiru. Zamislite promišljen esej o upravljanju ljudskim resursima, predstavljen kao proizvod - kurzivni serifni font koji šapuće kroz moderni plavi interfejs.