ElevenLabs
Fotoesej v teplých krémových tónoch s jemnými nadpismi. Zápisník v štýle Bauhaus – papier farby vaječnej škrupiny, čierny atrament a jeden fialovo-oranžový akcent na vystavenie produktov.
ElevenLabs pracuje v teplom, bielom minimalistickom štýle: plátno farby vaječnej škrupiny (#fdfcfc) s čiernym písmom a jednou vrstvou teplých taupe povrchov (#f5f3f1). Identita značky je tichá a sebavedomá – sotva rozoznateľné písmo Waldenburg 300 zvýrazňuje titulky s extrémnou jasnosťou (-0,02em), zatiaľ čo Inter 400/500 dodáva všetkému ostatnému pokojnú neutralitu. Dve akcentové farby – žiarivá fialová #0447ff a žiarivá oranžová #ff4704 – sa objavujú iba v rámci vizuálnych prvkov produktu (audiosféry, ikony produktov), nikdy nie ako chróm v používateľskom rozhraní. Komponenty zostávajú ploché alebo mierne vyvýšené s tenkými 1px okrajmi, širokými 20px polomermi na kartách a plne vyplnenými 9999px tlačidlami. Systém pripomína štúdio Bauhaus na krémovom papieri: zdržanlivý, redakčný a technicky precízny.
Sekcie s plnou šírkou sú usporiadané vertikálne v jednom centrálnom stĺpci s maximálnou šírkou a vonkajšími medzerami 1280 px. Hlavná sekcia je asymetrická: nadpis je zarovnaný doľava na úrovni Waldenburgu 48 px, text popisu je zarovnaný doprava a pod nadpisom sa nachádzajú dve tlačidlá v tvare tabletky. Pod hlavnou sekciou sa nachádza veľký navigačný panel s kartami, ktorý pokrýva celú šírku obsahu. Sekcie sa striedajú medzi škrupinovým a béžovým pozadím so zvislými medzerami 96 – 125 px. Päta je kompaktný, jeden pás. Navigácia je minimalistický horný panel – žiadne fixné správanie, žiadne mega-menu. Rytmus obsahu zodpovedá redakčnému štýlu: veľa bieleho priestoru, jeden hlavný vizuálny prvok na sekciu a žiadne mriežky kariet v sekcii „Dôvera“.
Vizuálnemu dizajnu dominuje farebná schéma: hlavným grafickým prvkom sú veľké prechody v podobe mäkkých zvukových sfér (kruhy s rozlíšením viac ako 200 pixelov s radiálnymi prechodmi z fialovej do oranžovej a ružovej). Logá v sekcii „Dôvera“ sú prezentované v nízkokontrastných odtieňoch sivej na matnom plátne. Fotografia je minimalistická – chýbajú fotografie životného štýlu ani produktov. Ikonografia je riedka a monochromatická (čierny obrys alebo vyplnené ikony, žiadne chromatické ikony). Vizuálny systém skôr pripomína dizajnovú publikáciu ako produktový katalóg – nad marketingovým dopadom prevažuje redakčná zdržanlivosť.
Paleta
Značka
- Violet Spark
#0447ff— Vizuálny dôraz na produkt – zobrazuje sa iba v rámci ilustrácií zvukových sfér a dekoratívnych ikon produktov; nikdy sa nepoužíva pre prvky rozhrania.
Neutrálny
- Eggshell
#fdfcfc— Plátno stránky, povrch tlačidiel a povrch kariet je teplý, mierne krémový, nie čisto biely, aby sa predišlo digitálnemu odlesku a stránka mala pokojný vzhľad papiera. - Warm Taupe
#f5f3f1— Oddeľovacie lišty, ozdobné karty a dodatočná povrchová úroveň – o jeden stupeň hlbšia ako matný povrch – vytvárajú tiché oddelenie bez okrajov. - Stone
#ebe8e4— Tenké okraje, oddeľovače a pozadia ikon sú v teplej šedej farbe, ktorá sa nachádza medzi béžovou a stredne šedou bez toho, aby pôsobila chladne. - Ink
#000000— Či už ide o text tela, vyplnené tlačidlá, navigáciu alebo odkazy, čisto čierna slúži ako základ pre teplú farebnú paletu a vytvára jediný ostrý kontrast v systéme. - Graphite
#44403b— Hlavný text, nadpisy sekcií – jemná teplá tmavosivá farba pre text, ktorý musí byť výrazný bez drsnosti čiernej. - Smoke
#777169— Hlavný text, decentné popisy a titulky sú v stredne teplej sivej farbe; dominantný, čitateľný, no zároveň pokojný štýl kariet a tematických textov.
Typografia
od 10 do 48px · 8 krokov
- Waldenburg — náhrada: Inter (300) or Söhne Light · obrysy 300 · Len pre nadpisy a dizajnové prvky. Používa sa vo formátoch 48/36/32px s hrúbkou písma 300 – ultraľahké písmo je nekonvenčné; väčšina webových stránok používa 600 – 700; toto decentné písmo vyjadruje autoritu prostredníctvom zdržanlivosti. Tesné rozstupy písmen -0,02 em vytvárajú pri väčších veľkostiach tesnejšie priliehanie medzi písmenami. Alternatívy: „Inter“ s hrúbkou 300 alebo „Söhne“ s nízkou hrúbkou ako prémiová alternatíva.
- Inter — náhrada: Inter or system-ui · obrysy 400, 500 · Všetko mimo obrazovky: text tela, navigácia, tlačidlá, odkazy, popisky, vstupné polia, karty. Predvolená hrúbka je 400; 500 je vyhradených pre tlačidlá a zvýraznené odkazy. Veľkosti sa pohybujú od 10 do 10 so zmenšeným riadkovaním (1,47 – 1,6), čo dáva odsekom priestor na dýchanie. Malé riadkovanie +1 (2) pri veľkostiach od 14 do 3 zlepšuje čitateľnosť pri malých veľkostiach.
- Geist Mono — náhrada: JetBrains Mono or IBM Plex Mono · obrysy 400 · Mikrotext umiestnený vedľa kódu alebo technického textu, umiestnený na 13px – zriedka používaný (frekvencia = 28) pre technické označenia alebo metadáta. Jedna vrstva, výška veľkého riadku 1,69.
Intervaly a forma
| Účel | Význam |
|---|---|
| Hustota | hustý |
| Základný krok | 8-16px |
| Polomer tlačidla | 9999px |
| Polomer karty | 20px |
| Tiene | nie - okraje namiesto tieňov |
| Medzi sekciami | 96-125px |
| Šírka stránky | 1280px |
Umelá inteligencia vytvorí vašu webovú stránku v štýle ElevenLabs a naplní ju
- Doplňte produktmi a príspevkami cez odkaz - Instagram, TikTok, Facebook.
- Preneste obsah zo svojej starej stránky – stačí zadať adresu.
- Moderný dizajn na najlepšom engine: React ( Next.js) s vykresľovaním servera a SEO optimalizáciou hneď po vybalení.
- Plne automatizovaná SEO optimalizácia pre výsledky vyhľadávania a odporúčania neurónových sietí.
Podobné štýly
- Awesomic — Redakčná zinková sieťovina s oranžovými interpunkčnými znamienkami pripomínajúcimi konfety
- Monad — redakčný technický časopis na teplom pergamene
- Dub — Ovládací panel z matného ryžového papiera Link
- Seline Analytics — Tichý analytický stôl na teplom papieri
- Notion — Teplý papierový zápisník na poludňajšom slnku
- Anthropic — Vedecký časopis z oblasti teplého pergamenu – pokojné slonovinové povrchy, pätkové úvodné nadpisy a jediný hlinený prízvuk, ktorý sa objavuje iba vtedy, keď je potrebná akcia.
- Calendly — Tmavomodrý atrament na studenom mramore
- Augen Pro — Biela prezentácia spoločnosti Apple sa vyznačuje klinickou, beztiažovou, elektrickou modrou ako jediným akcentom v monochromatickom priestore.
- Antimetal — Redakčná kronika na krémovom papieri – tiché ráno vo vedeckom časopise, kde zdržanlivosť vyjadruje sebavedomie a pätkové písmo robí ťažkú prácu.
- Perk — Elektrické vápno na teplom pergamenovom papieri
- Ditto — Slnečná dielňa, kde sa tvoria vzorky divých kvetov. Teplé krémové povrchy, žiarivá žltá základná farba, sýto tmavomodré atramenty, organické farebné formy kvitnúce za dielom.
- Officevibe — Redakčný časopis na teplom krémovom papieri. Predstavte si premyslenú esej o riadení ľudských zdrojov, prezentovanú ako produkt – kurzívne pätkové písmo šepkajúce cez moderné modré rozhranie.