ElevenLabs
Foto esej v toplih kremnih tonih z nežnimi naslovi. Zvezek v slogu Bauhausa – papir barve jajčne lupine, črno črnilo in en sam vijolično-oranžen poudarek za predstavitev izdelka.
ElevenLabs deluje v toplem, belem minimalističnem slogu: platno barve jajčne lupine (#fdfcfc) s črnim tiskom in eno plastjo toplih taupe površin (#f5f3f1). Identiteta blagovne znamke je tiha in samozavestna – komaj razločljiva pisava Waldenburg 300 poudarja naslove z izjemno jasnostjo (-0,02em), medtem ko Inter 400/500 daje vsemu ostalemu mirno nevtralnost. Dve poudarjeni barvi – živahna vijolična #0447ff in živahna oranžna #ff4704 – izstopata le znotraj vizualnih elementov izdelka (avdiosfere, ikone izdelkov), nikoli pa kot krom v uporabniškem vmesniku. Komponente ostanejo ravne ali rahlo dvignjene s tankimi 1px robovi, širokimi 20px polmeri na karticah in popolnoma zapolnjenimi 9999px gumbi. Sistem spominja na studio Bauhaus na krem papirju: zadržan, uredniški in tehnično natančen.
Razdelki polne širine so razporejeni navpično v enem samem osrednjem stolpcu največje širine z zunanjimi robovi velikosti 1280 slikovnih pik. Glavni razdelek je asimetričen: naslov je poravnan levo na ravni Waldenburga velikosti 48 slikovnih pik, besedilo opisa je poravnano desno, pod naslovom pa sta dva gumba v obliki tablete. Pod glavnim razdelkom je velika navigacijska vrstica z zavihki, ki se razteza čez celotno širino vsebine. Razdelki se izmenjujejo med ozadji barve jajčne lupine in taupe z navpičnimi robovi velikosti 96–125 slikovnih pik. Noga je kompaktna, enojna črta. Navigacija je minimalistična zgornja vrstica – brez fiksnega vedenja, brez mega menijev. Ritem vsebine se ujema z uredniškim slogom: veliko belega prostora, en glavni vizualni element na razdelek in brez mrež kartic pod razdelkom»Zaupanje«.
Vizualno oblikovanje zaznamuje barvna shema: glavni grafični element so veliki prelivi v obliki mehkih zvočnih krogel (krogi z več kot 200 slikovnimi pikami z radialnimi prehodi iz vijolične v oranžno in roza). Logotipi v razdelku»Zaupanje« so predstavljeni v nizkokontrastni sivini na mat platnenem ozadju. Fotografija je minimalistična – ni fotografij življenjskega sloga ali izdelkov. Ikonografija je redka in enobarvna (črni obrisi ali zapolnjene ikone, brez kromatičnih ikon). Vizualni sistem bolj spominja na oblikovalsko publikacijo kot na katalog izdelkov – uredniška zadržanost prevlada nad trženjskim učinkom.
Paleta
Blagovna znamka
- Violet Spark
#0447ff— Vizualni poudarek izdelka – Pojavi se le znotraj ilustracij zvočnih sfer in okrasnih ikon izdelkov; nikoli se ne uporablja za elemente vmesnika.
Nevtralno
- Eggshell
#fdfcfc— Platno strani, površine gumbov in površine kartic so tople, rahlo kremaste, namesto izrazito bele, da se izognemo digitalnemu bleščanju in damo spletnemu mestu umirjenost papirja. - Warm Taupe
#f5f3f1— Razdelilni trakovi, okrasne kartice in dodatna površinska raven – za eno stopnjo globlja od mat površine – ustvarjajo tiho ločitev brez robov. - Stone
#ebe8e4— Tanke obrobe, razdelilniki in ozadja ikon so v topli sivi barvi, ki se nahaja med taupe in srednje sivo, ne da bi se ob tem zdelo hladno. - Ink
#000000— Ne glede na to, ali gre za besedilo telesa, zapolnjene gumbe, navigacijo ali povezave, čista črna služi kot osnova za toplo barvno paleto in ustvarja edini oster kontrast v sistemu. - Graphite
#44403b— Telo besedila, naslovi razdelkov - subtilna topla temno siva barva za besedilo, ki mora biti udarno brez ostrine črne barve. - Smoke
#777169— Glavno besedilo, diskretni opisi in napisi so v srednje topli sivi barvi; to je prevladujoč, berljiv, a umirjen slog kartic in tematskih besedil.
Tipografija
od 10 do 48 slikovnih pik · 8 korakov
- Waldenburg — zamenjava: Inter (300) or Söhne Light · obrisi 300 · Samo za naslove in oblikovalske elemente. Uporablja se v formatih 48/36/32px s težo pisave 300 – ultralahka pisava je nekonvencionalna; večina spletnih mest uporablja 600–700; ta subtilna pisava izraža avtoriteto z zadržanostjo. Tesen razmik med črkami -0,02 em ustvarja tesnejše prileganje med črkami pri večjih velikostih. Alternative:»Inter« s težo 300 ali»Söhne« s težo kot premium alternativa.
- Inter — zamenjava: Inter or system-ui · obrisi 400, 500 · Vse zunaj zaslona: besedilo telesa, navigacija, gumbi, povezave, oznake, vnosna polja, kartice. Privzeta debelina je 400; 500 je rezerviranih za gumbe in označene povezave. Velikosti segajo od 10 do 10, z zmanjšanim razmikom med vrsticami (1,47–1,6), kar daje odstavkom prostor za dihanje. Majhen razmik med črkami +1 (2) pri velikostih od 14 do 3 izboljša berljivost pri majhnih velikostih.
- Geist Mono — zamenjava: JetBrains Mono or IBM Plex Mono · obrisi 400 · Mikrobesedilo, ki se nahaja poleg kode ali tehničnega besedila, postavljeno na 13 slikovnih pik – redko uporabljeno (pogostost = 28) za tehnične oznake ali metapodatke. Enojna plast, velika višina vrstice 1,69.
Intervali in oblika
| Namen | Pomen |
|---|---|
| Gostota | gosta |
| Osnovni korak | 8-16px |
| Polmer gumba | 9999px |
| Polmer kartice | 20px |
| Sence | ne - obrobe namesto senc |
| Med odseki | 96-125px |
| Širina strani | 1280px |
Umetna inteligenca bo zgradila vašo spletno stran v slogu ElevenLabs in jo napolnila
- Polnite z izdelki in objavami prek povezave - Instagram, TikTok, Facebook.
- Prenesite vsebino s starega spletnega mesta – samo navedite naslov.
- Sodoben dizajn na najboljšem iskalniku: React ( Next.js) z vnaprej pripravljenim upodabljanjem na strežniku in optimizacijo za SEO.
- Popolnoma avtomatizirana SEO optimizacija za rezultate iskanja in priporočila nevronskih mrež.
Podobni slogi
- Awesomic — Uredniška cinkova mreža z oranžnimi ločili, ki spominjajo na konfete
- Monad — uredniška tehnična revija na toplem pergamentu
- Dub — Linkova nadzorna plošča z mat riževim papirjem
- Seline Analytics — Tiha analitična miza na toplem papirju
- Notion — Topel papirnat zvezek na opoldanskem soncu
- Anthropic — Znanstvena terenska revija o toplem pergamentu – mirne slonokoščene površine, serifirani uvodniški naslovi in en sam glineni naglas, ki se pojavi le, ko je potrebno ukrepanje.
- Calendly — Temno modro črnilo na hladnem marmorju
- Augen Pro — Applova bela predstavitev ima klinično, breztežno, električno modro barvo kot edini poudarek v enobarvnem prostoru.
- Antimetal — Uredniška kronika na krem papirju – mirno jutro v znanstveni reviji, kjer zadržanost izraža samozavest, serifi pa opravljajo težko delo.
- Perk — Električna apna na toplem pergamentnem papirju
- Ditto — S soncem obsijana delavnica ustvarjanja vzorcev divjih rož. Tople kremne površine, živahna rumena osnovna barva, temno temno modra črnila, organske barvne oblike, ki cvetijo za delom.
- Officevibe — Uredniška revija na toplem kremnem papirju. Predstavljajte si premišljen esej o upravljanju s človeškimi viri, predstavljen kot izdelek – kurzivna serifna pisava, ki šepeta skozi sodoben moder vmesnik.