
ElevenLabs
Fotoesej v teplých krémových tónech s decentními nadpisy. Zápisník ve stylu Bauhausu – papír barvy vaječné skořápky, černý inkoust a jeden fialovooranžový akcent pro vystavení produktů.
ElevenLabs pracuje v teplém, bílém minimalistickém stylu: plátno barvy vaječné skořápky (#fdfcfc) s černým písmem a jednou vrstvou teplých taupe povrchů (#f5f3f1). Identita značky je klidná a sebevědomá – sotva rozeznatelné písmo Waldenburg 300 zvýrazňuje titulky s extrémní jasností (-0,02em), zatímco Inter 400/500 dodává všemu ostatnímu klidnou neutralitu. Dvě akcentní barvy – zářivá fialová #0447ff a zářivá oranžová #ff4704 – se objevují pouze v rámci vizuálních prvků produktu (audiosféry, ikony produktů), nikdy ne jako chrom v uživatelském rozhraní. Komponenty zůstávají ploché nebo mírně vyvýšené s tenkými okraji o tloušťce 1px, širokými poloměry 20px na kartách a plně vyplněnými tlačítky o tloušťce 9999px. Systém připomíná studio Bauhaus na krémovém papíře: zdrženlivý, redakční a technicky precizní.
Sekce o plné šířce jsou uspořádány svisle v jednom centrálním sloupci s maximální šířkou a vnějšími mezerami o šířce 1280 pixelů. Hlavní sekce je asymetrická: nadpis je zarovnán vlevo na úrovni Waldenburgu o šířce 48 pixelů, text popisu je zarovnán vpravo a pod nadpisem jsou umístěna dvě tlačítka ve tvaru pilulky. Pod hlavní sekcí se nachází velký navigační panel s záložkami, který se rozprostírá po celé šířce obsahu. Sekce se střídají mezi pozadím v barvě skořápky a taupe se svislými mezerami o šířce 96–125 pixelů. Zápatí je kompaktní, jeden proužek. Navigace je minimalistický horní panel – žádné fixní chování, žádné mega-menu. Rytmus obsahu odpovídá redakčnímu stylu: dostatek bílého prostoru, jeden hlavní vizuální prvek na sekci a žádné mřížky karet pod sekcí „Důvěra“.
Vizuálnímu designu dominuje barevné schéma: hlavním grafickým prvkem jsou velké přechody v podobě měkkých zvukových koulí (kruhy o velikosti přes 200 pixelů s radiálními přechody z fialové do oranžové a růžové). Loga v sekci „Důvěra“ jsou prezentována v nízkokontrastních odstínech šedi na matném plátně. Fotografie je minimalistická – nejsou zde žádné fotografie životního stylu ani produktů. Ikonografie je řídká a monochromatická (černé obrysy nebo vyplněné ikony, žádné chromatické ikony). Vizuální systém spíše připomíná designovou publikaci než produktový katalog – redakční zdrženlivost převažuje nad marketingovým dopadem.
Paleta
Značka
- Violet Spark
#0447ff— Vizuální zdůraznění produktu – Zobrazuje se pouze v ilustracích zvukových koulí a dekorativních ikonách produktů; nikdy se nepoužívá pro prvky rozhraní.
Neutrální
- Eggshell
#fdfcfc— Plátno stránky, povrch tlačítek a povrch karet je teplý, lehce krémový, spíše než ostře bílý, aby se zabránilo digitálním odleskům a webu dodal klid papíru. - Warm Taupe
#f5f3f1— Dělicí lišty, ozdobné karty a další rovná plocha – o jeden stupeň hlubší než matný povrch – vytvářejí tiché oddělení bez okrajů. - Stone
#ebe8e4— Tenké okraje, oddělovače a pozadí ikon jsou v teplé šedé barvě, která se nachází mezi béžovou a středně šedou, aniž by působila chladně. - Ink
#000000— Ať už se jedná o text, vyplněná tlačítka, navigaci nebo odkazy, čistě černá slouží jako základ pro teplou barevnou paletu a vytváří jediný ostrý kontrast v systému. - Graphite
#44403b— Hlavní text, nadpisy sekcí - jemná teplá tmavě šedá pro text, který má být výrazný, ale bez drsnosti černé. - Smoke
#777169— Hlavní text, decentní popisy a titulky jsou ve středně teplé šedé barvě; to je dominantní, čitelný, ale zároveň klidný styl karet a tematických textů.
Typografie
od 10 do 48 pixelů · 8 kroků
- Waldenburg — nahrazení: Inter (300) or Söhne Light · obrysy 300 · Pouze pro nadpisy a designové prvky. Používá se ve formátech 48/36/32px s tloušťkou písma 300 – ultralehké písmo je nekonvenční; většina webových stránek používá 600–700; toto decentní písmo vyjadřuje autoritu skrze zdrženlivost. Úzké rozteče písmen -0,02 em vytvářejí u větších velikostí těsnější spojení mezi písmeny. Alternativy: „Inter“ s tloušťkou 300 nebo „Söhne“ s lehkou tloušťkou jako prémiová alternativa.
- Inter — nahrazení: Inter or system-ui · obrysy 400, 500 · Vše mimo obrazovku: text těla, navigace, tlačítka, odkazy, popisky, vstupní pole, karty. Výchozí tloušťka je 400; 500 je vyhrazeno pro tlačítka a zvýrazněné odkazy. Velikosti se pohybují od 10 do 10, se zmenšeným řádkováním (1,47–1,6), což dává odstavcům prostor pro volný prostor. Malé řádkování +1 (2) u velikostí od 14 do 3 zlepšuje čitelnost při malých velikostech.
- Geist Mono — nahrazení: JetBrains Mono or IBM Plex Mono · obrysy 400 · Mikrotext umístěný vedle kódu nebo technického textu, umístěný na 13 pixelech – zřídka používaný (frekvence = 28) pro technické popisky nebo metadata. Jedna vrstva, výška velkého řádku 1,69.
Intervaly a forma
| Účel | Význam |
|---|---|
| Hustota | hustý |
| Základní krok | 8-16px |
| Poloměr tlačítka | 9999px |
| Poloměr karty | 20px |
| Stíny | ne - okraje místo stínů |
| Mezi sekcemi | 96-125px |
| Šířka stránky | 1280px |
Umělá inteligence vám vytvoří web ve stylu ElevenLabs a naplní ho
- Doplňujte produkty a příspěvky přes odkaz - Instagram, TikTok, Facebook.
- Přeneste obsah ze starého webu – stačí zadat adresu.
- Moderní design na nejlepším enginu: React ( Next.js) s renderováním na serveru a SEO optimalizací ihned po vybalení.
- Plně automatizovaná SEO optimalizace pro výsledky vyhledávání a doporučení neuronových sítí.
Podobné styly
- Awesomic — Redakční zinková síťovina s oranžovými interpunkčními znaménky připomínajícími konfety
- Monad — redakční technický časopis na teplém pergamenu
- Dub — Ovládací panel Link z matného rýžového papíru
- Seline Analytics — Tichý analytický stůl na teplém papíře
- Notion — Teplý papírový zápisník v polední slunci
- Anthropic — Vědecký časopis z oblasti teplého pergamenu – klidné slonovinové povrchy, patkové úvodní nadpisy a jediný hliněný akcent, který se objevuje pouze tehdy, když je potřeba něco udělat.
- Calendly — Tmavě modrý inkoust na studeném mramoru
- Augen Pro — Bílá prezentace společnosti Apple se vyznačuje klinickou, beztížnou, elektrickou modrou barvou jako jediným akcentem v monochromatickém prostoru.
- Antimetal — Redakční kronika na krémovém papíře – klidné dopoledne ve vědeckém časopise, kde zdrženlivost vyjadřuje sebevědomí a patky odvádějí těžkou práci.
- Perk — Elektrické vápno na teplém pergamenovém papíru
- Ditto — Sluncem zalitá dílna, kde se vytvářejí vzorky divokých květin. Teplé krémové povrchy, zářivá žlutá základní barva, tmavě tmavě modré inkousty, organické barevné formy rozkvétající za dílem.
- Officevibe — Redakční časopis na teplém krémovém papíře. Představte si promyšlenou esej o řízení lidských zdrojů, prezentovanou jako produkt – kurzivní patkové písmo šeptající skrz moderní modré rozhraní.