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.

Minimalismus Čistý SaaS Redakční

https://elevenlabs.io

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í.

Vytvořte si webové stránky v tomto stylu

Podobné styly

Mollie — Kašmírový pult, tmavá účetní kniha. Kolem černého textu nechte dostatek bílého prostoru pro redakční design a poté zdůrazněte body související s produktem teplými krémovými, espresso hnědými odstíny a hmatovými fotografiemi skutečných platebních metod.
Kagi — Samostatná čítárna. Vytvořte otevřený bílý prostor kolem výrazného grafitového textu s použitím jemných fialových akcentů a teplých pastelových povrchů, které naruší klid.
Milanote — Milanote je specializované kreativní studio. Vytvářejte stránky ve stylu redakční galerie pomocí plovoucích vizuálních tabulí: tmavě zarámované stěny, bílý zobrazovací prostor a snímky obrazovky, které vypadají jako skutečné objekty s jemnou hloubkou.
Co2 — Klimatický atlas v zimním světle. Vytvořte stránky jako leteckou krajinu dokumentů, kde patkové nadpisy, data kódovaná podle kategorií a ledové obrázky zvýrazňují široké bílé okraje.
GitButler — Tyrkysová na konci textu. Kombinace kontrastních patkových titulků s jemnými technickými mřížkami, teplými grafitovými povrchy a decentním tyrkysovým akcentem.
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