
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
- 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
- Augen Pro — Appleova bijela prezentacija sadrži kliničku, bestežinu, električno plavu boju kao jedini naglasak u monokromatskom prostoru.
- Antimetal — Uvodnik na krem papiru - mirno jutro u znanstvenom časopisu, gdje suzdržanost prenosi samopouzdanje, a serifi obavljaju teški posao
- Perk — Električna limeta na toplom papiru za pečenje
- 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 moderno plavo sučelje.