Telegram, WhatsApp+380637610482
Valery Danyuk
Valery DanyukvývojářVývoj nástrojů umělé inteligence pro firmy. Vysoce kvalitní. Cenově dostupné.Napsat na Telegram
ElevenLabs — náhled webu v tomto stylu

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

ÚčelVýznam
Hustotahustý
Základní krok8-16px
Poloměr tlačítka9999px
Poloměr karty20px
Stínyne - okraje místo stínů
Mezi sekcemi96-125px
Šířka stránky1280px

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