ElevenLabs
Krema koloreko tonu beroetako argazki-saiakera, izenburu sotilekin. Bauhaus estiloko koadernoa: arrautza-oskolaren koloreko papera, tinta beltza eta produktua erakusteko more eta laranja koloreko azentu bakarra.
ElevenLabsek estilo minimalista zuri eta beroan egiten du lan: arrautza-oskol koloreko mihise bat (#fdfcfc) letra beltzez eta taupe koloreko gainazal epelen geruza bakarrarekin (#f5f3f1). Markaren identitatea lasaia eta ziurra da: ia bereizten ez den Waldenburg 300 letra-tipoa izenburuak argi eta garbi nabarmentzen ditu (-0.02em), eta Inter 400/500-k gainerako guztiari neutraltasun lasaia ematen dio. Bi azentu-kolore —more bizia #0447ff eta laranja bizia #ff4704— produktuaren elementu bisualetan bakarrik agertzen dira (audiosferak, produktuaren ikonoak), inoiz ez kromo gisa UI-an. Osagaiak lauak edo zertxobait altxatuak mantentzen dira, 1px-ko ertz meheekin, txarteletan 20px-ko erradio zabalekin eta 9999px-ko botoi guztiz beteekin. Sistemak Bauhaus estudio bat gogorarazten du krema koloreko paperean: neurritsua, editoriala eta teknikoki zehatza.
Zabalera osoko atalak bertikalki antolatuta daude erdiko zutabe bakarrean, gehienezko zabalera duena, 1280px-ko kanpoko lerroekin. Atal nagusia asimetrikoa da: goiburua ezkerrean lerrokatuta dago 48px-ko Waldenburg mailan, deskribapen testua eskuinean lerrokatuta dago eta bi pilula itxurako botoi daude goiburuaren azpian. Atal nagusiaren azpian, edukiaren zabalera osoa hartzen duen nabigazio barra handi bat dago. Atalek arrautza-oskolaren koloreko eta taupe koloreko atzeko planoak txandakatzen dituzte, 96-125px-ko lerro bertikalekin. Orri-oina zerrenda trinkoa eta bakarra da. Nabigazioa goiko barra minimalista bat da: ez portaera finkorik, ez mega-menurik. Edukiaren erritmoa estilo editorialarekin bat dator: espazio zuri ugari, elementu bisual nagusi bat atal bakoitzeko eta ez dago txartel-saretarik "Konfiantza" atalaren azpian.
Diseinu bisuala kolore-eskema batek menderatzen du: esfera audio leunen formako gradiente handiak (200px+ zirkuluak, moretik laranjara eta arrosara trantsizio erradialekin) dira elementu grafiko nagusi. "Konfiantza" ataleko logotipoak kontraste txikiko eskala gris batean aurkezten dira, mihise mate baten atzealdean. Argazkilaritza minimalista da: ez dago bizimodu edo produktuen argazkirik. Ikonografia urria eta monokromoa da (eskema beltza edo ikono beteak, ikono kromatikorik ez). Sistema bisualak diseinu-argitalpen bat du gogora produktu-katalogo bat baino gehiago: neurritasun editoriala nagusitzen da marketin-inpaktuaren gainetik.
Paleta
Marka
- Violet Spark
#0447ff— Produktuaren Ikusmen-enfasia - Audio-esferaren ilustrazioetan eta produktuen ikono apaingarrietan bakarrik agertzen da; ez da inoiz erabiltzen interfazearen elementuetarako.
Neutroa
- Eggshell
#fdfcfc— Orrialdearen mihisea, botoien gainazalak eta txartelen gainazalak epelak dira, krema kolore apur bat, zuri-zuriaren ordez, distira digitala saihesteko eta guneari paperaren lasaitasuna emateko. - Warm Taupe
#f5f3f1— Banatzaile-zerrendek, txartel apaingarriek eta gainazal-maila gehigarri batek –gainazal matea baino maila bat sakonago– bereizketa isil eta ertzik gabekoa sortzen dute. - Stone
#ebe8e4— Ertz meheak, banatzaileak eta ikonoen atzeko planoak gris epel batekoak dira, taupe eta gris ertainaren artean kokatzen dena, hotza sentitu gabe. - Ink
#000000— Gorputzeko testua, betetako botoiak, nabigazioa edo estekak izan, beltz hutsa da kolore paleta bero baten oinarria eta sisteman kontraste zorrotz bakarra sortzen du. - Graphite
#44403b— Gorputz-testua, atal-izenburuak - gris ilun epel sotila, beltzaren gogortasunik gabe indartsua izan behar duen testuarentzat. - Smoke
#777169— Testu nagusia, deskribapen diskretuak eta azpitituluak gris ertain-bero batean daude; txartelen eta testu tematikoen estilo nagusia, irakurterraza baina lasaia.
Tipografia
10etik 48px-ra · 8 urrats
- Waldenburg — ordezkapena: Inter (300) or Söhne Light · eskemak 300 · Izenburu eta diseinu elementuetarako soilik. 48/36/32px formatuetan erabiltzen da, 300eko pisuarekin —letra-tipo ultra-arinak ez dira ohikoak; webgune gehienek 600-700 erabiltzen dituzte; letra-tipo sotil honek autoritatea ematen du neurritasunaren bidez. -0,02em-ko letren arteko tarte estua erabiltzeak tamaina handiagoetan letren artean egokitzapen estuagoa sortzen du. Alternatibak: "Inter" 300eko pisuan edo "Söhne" pisu arinean, alternatiba premium gisa.
- Inter — ordezkapena: Inter or system-ui · eskemak 400, 500 · Pantailatik kanpoko guztia: testu-gorputza, nabigazioa, botoiak, estekak, etiketak, sarrera-eremuak, txartelak. 400 da lehenetsitako lodiera; 500 botoietarako eta nabarmendutako esteketarako gordeta dago. Tamaina 10etik 10era bitartekoa da, lerroartea murriztuta (1,47–1,6), paragrafoei arnasa hartzeko lekua emanez. 14tik 3ra bitarteko tamainetan +1 (2) letra-tarte txikiak irakurgarritasuna hobetzen du tamaina txikietan.
- Geist Mono — ordezkapena: JetBrains Mono or IBM Plex Mono · eskemak 400 · Mikrotestua kodearen edo testu teknikoaren ondoan kokatua, 13px-tan kokatua — gutxitan erabiltzen da (maiztasuna = 28) etiketa teknikoetarako edo metadatuetarako. Geruza bakarra, 1,69ko lerro-altuera handikoa.
Tarteak eta forma
| Helburua | Esanahia |
|---|---|
| Dentsitatea | trinko |
| Oinarrizko urratsa | 8-16px |
| Botoiaren erradioa | 9999px |
| Txartelaren erradioa | 20px |
| Itzalak | ez - itzalen ordez ertzak |
| Atalen artean | 96-125px |
| Orriaren zabalera | 1280px |
Adimen artifizialak zure webgunea ElevenLabs estiloan eraikiko du eta beteko du
- Bete produktu eta argitalpenekin estekaren bidez - Instagram, TikTok, Facebook.
- Transferitu edukia zure gune zaharretik: zehaztu helbidea.
- Diseinu modernoa motor onenean: React ( Next.js) zerbitzariaren errendatzearekin eta SEO optimizazioarekin hasieratik.
- Bilaketa-emaitzetarako eta sare neuronalen gomendioetarako SEO optimizazio guztiz automatizatua.
Estilo antzekoak
- Awesomic — Konfetiaren antzeko puntuazio-markak laranja koloreko zink sare editoriala
- Monad — pergamino beroan argitaratutako aldizkari tekniko editoriala
- Dub — Link-en arroz-paper matearen kontrol-panela
- Seline Analytics — Paper epelaren gaineko taula analitiko lasaia
- Notion — Eguerdiko eguzkitan paperezko koaderno epel bat
- Anthropic — Pergamino epelaren gaineko aldizkari zientifikoa: boli koloreko gainazal lasaiak, serifadun editorial-izenburuak eta ekintza beharrezkoa denean bakarrik agertzen den buztinezko azentu bakarra.
- Calendly — Tinta urdin iluna marmol hotzean
- Augen Pro — Appleren aurkezpen zuriak urdin elektriko, kliniko eta arin bat du azentu bakar gisa espazio monokromo batean.
- Antimetal — Krema koloreko paperean argitaratutako kronika editoriala —goiz lasai bat aldizkari zientifiko batean, non neurritasunak konfiantza ematen duen eta serifek lan astuna egiten duten
- Perk — Limoi elektrikoa pergamino-paper epelaren gainean
- Ditto — Eguzki argitan dagoen tailer bat lore basatien laginak sortzen. Krema koloreko gainazal epelak, oinarrizko kolore hori bizia, itsas urdin ilunaren tintak, piezaren atzean loratzen diren kolore organikoen formak.
- Officevibe — Krema koloreko paper epel batean argitaratutako aldizkari editorial bat. Imajinatu Giza Baliabideen kudeaketari buruzko saiakera hausnarkor bat, produktu gisa aurkeztua: interfaze urdin moderno batetik xuxurlatzen den letra-tipo etzana.