ElevenLabs
Foto esej u toplim krem tonovima s decentnim naslovima. Bilježnica u stilu Bauhausa - papir boje ljuske jajeta, crna tinta i jedan ljubičasti i narančasti naglasak 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 naglašene boje - živahna ljubičasta #0447ff i živahna narančasta #ff4704 - ističu se samo unutar vizualnih elemenata proizvoda (audiosfere, ikone proizvoda), nikada kao krom u korisničkom sučelju. Komponente ostaju ravne ili blago podignute s tankim rubovima od 1px, širokim radijusima od 20px na karticama i potpuno ispunjenim gumbima od 9999px. Sustav podsjeća na Bauhaus studio na krem papiru: suzdržan, urednički i tehnički precizan.
Odjeljci pune širine raspoređeni su okomito u jednom središnjem stupcu maksimalne širine s vanjskim rubovima od 1280 piksela. Glavni odjeljak je asimetričan: naslov je poravnat lijevo na razini Waldenburga od 48 piksela, tekst opisa je poravnat desno, a ispod naslova nalaze se dva gumba u obliku tablete. Ispod glavnog odjeljka nalazi se velika navigacijska traka s karticama koja se proteže cijelom širinom sadržaja. Odjeljci se izmjenjuju između pozadine boje ljuske jajeta i taupe s okomitim rubovima od 96–125 piksela. Podnožje je kompaktna, jedna traka. Navigacija je minimalistička gornja traka - bez fiksnog ponašanja, bez mega-izbornika. Ritam sadržaja odgovara uredničkom stilu: puno bijelog prostora, jedan glavni vizualni element po odjeljku i nema mreža kartica ispod odjeljka "Povjerenje".
Vizualnim dizajnom dominira shema boja: veliki gradijenti u obliku mekih audio sfera (200px+ krugova s radijalnim prijelazima iz ljubičaste u narančastu i ružičastu) služe kao glavni grafički element. Logotipi u odjeljku "Povjerenje" prikazani su u sivoj skali niskog kontrasta na mat platnu. Fotografija je minimalna - nema fotografija životnog stila ili proizvoda. Ikonografija je rijetka i monokromatska (crni obris ili ispunjene ikone, nema kromatskih ikona). Vizualni sustav više podsjeća na dizajnersku publikaciju nego na katalog proizvoda - urednička suzdržanost prevladava nad marketinškim utjecajem.
Paleta
Robna marka
- Violet Spark
#0447ff— Vizualni naglasak proizvoda - pojavljuje se samo unutar ilustracija audio sfera i ukrasnih ikona proizvoda; nikada se ne koristi za elemente sučelja.
Neutralno
- Eggshell
#fdfcfc— Platno stranice, površine gumba i površine kartica su tople, blago kremaste, a ne potpuno bijele, kako bi se izbjegao digitalni odsjaj i dao web-mjestu smirenost papira. - Warm Taupe
#f5f3f1— Razdjelne trake, ukrasne kartice i dodatna površinska razina – jedan korak dublja od mat površine – stvaraju tihu, bezbrižnu podjelu. - Stone
#ebe8e4— Tanki obrubi, 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 tijela, ispunjenim gumbima, navigaciji ili poveznicama, čista crna služi kao temelj za toplu paletu boja i stvara jedini oštar kontrast u sustavu. - Graphite
#44403b— Tijelo teksta, 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; dominantnom, čitljivom, ali smirenom stilu 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 elemente dizajna. 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 izvan zaslona: tekst tijela, navigacija, gumbi, poveznice, oznake, polja za unos, kartice. 400 je zadana debljina; 500 je rezervirano za gumbe i označene poveznice. Veličine se kreću od 10 do 10, sa smanjenim proredom između redaka (1,47–1,6), što daje odlomcima 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 retka od 1,69.
Intervali i forma
| Svrha | Značenje |
|---|---|
| Gustoća | gust |
| Osnovni korak | 8-16px |
| Radijus gumba | 9999px |
| Radijus kartice | 20px |
| Sjene | ne - obrubi umjesto sjena |
| Između odjeljaka | 96-125px |
| Širina stranice | 1280px |
Umjetna inteligencija će izraditi vašu web stranicu u ElevenLabs stilu i ispuniti je
- Popunite proizvodima i objavama putem poveznice - Instagram, TikTok, Facebook.
- Prenesite sadržaj sa svoje stare web-lokacije - samo navedite adresu.
- Moderan dizajn na najboljem engineu: React ( Next.js) s renderiranjem na serveru i SEO optimizacijom odmah po instalaciji.
- Potpuno automatizirana SEO optimizacija za rezultate pretraživanja i preporuke neuronskih mreža.
Slični stilovi
- Mollie — Kašmirski pult, tamna glavna knjiga. Ostavite dovoljno bijelog prostora za urednički dizajn oko crnog teksta, a zatim naglasite točke vezane uz proizvod toplim kremama, espresso smeđim nijansama i taktilnim fotografijama stvarnih načina plaćanja.
- Kagi — Odvojena čitaonica. Stvorite otvoreni bijeli prostor oko podebljanog grafitnog teksta, koristeći suptilne ljubičaste akcente i tople pastelne površine kako biste razbili spokoj.
- Milanote — Milanote je posvećeni kreativni studio. Izradite stranice u stilu uredničke galerije koristeći plutajuće vizualne ploče: tamne zidove s okvirima, bijeli prostor za prikaz i snimke zaslona koje izgledaju kao stvarni objekti s mekom dubinom.
- Co2 — Klimatski atlas u zimskom svjetlu. Izradite stranice poput krajobraza dokumenata iz zraka, gdje serifni naslovi, podaci označeni kategorijama i ledene slike ističu široke bijele margine.
- GitButler — Tirkizna na kraju teksta. Kombinacija visokokontrastnih serifnih naslova sa suptilnim tehničkim mrežama, toplim grafitnim površinama i diskretnim tirkiznim naglaskom.
- Awesomic — Urednička cinkova mreža s narančastim interpunkcijskim znakovima koji podsjećaju na konfete
- Monad — urednički tehnički časopis na toplom pergamentu
- Dub — Linkova upravljačka ploča od mat rižinog papira
- Seline Analytics — Tihi analitički stol na toplom papiru
- Notion — Topla papirnata bilježnica na podnevnom suncu
- Anthropic — Znanstveni terenski časopis o toplom pergamentu - mirne površine boje slonovače, serifirani urednički naslovi i jedan glineni naglasak koji se pojavljuje samo kada je potrebna akcija.
- Calendly — Tamnoplava tinta na hladnom mramoru