ElevenLabs
Fotoesej w ciepłych, kremowych tonach z subtelnymi nagłówkami. Notatnik w stylu Bauhaus – papier w kolorze skorupki jajka, czarny tusz i pojedynczy fioletowo-pomarańczowy akcent do ekspozycji produktu.
ElevenLabs pracuje w ciepłym, minimalistycznym, białym stylu: płótno w kolorze skorupki jajka (#fdfcfc) z czarną czcionką i pojedynczą warstwą ciepłych, szarobrązowych powierzchni (#f5f3f1). Identyfikacja wizualna marki jest stonowana i pewna siebie – ledwo dostrzegalny krój pisma Waldenburg 300 podkreśla nagłówki z wyjątkową klarownością (-0,02 em), podczas gdy Inter 400/500 nadaje reszcie spokojną neutralność. Dwa kolory akcentowe – żywa purpura #0447ff i żywa pomarańcza #ff4704 – wyróżniają się jedynie w elementach wizualnych produktu (audiosfery, ikony produktów), nigdy nie są tak chromowane w interfejsie użytkownika. Komponenty pozostają płaskie lub lekko podniesione, z cienkimi, 1-pikselowymi obramowaniami, szerokimi promieniami 20 pikseli na kartach i w pełni wypełnionymi przyciskami o szerokości 9999 pikseli. System przypomina studio Bauhaus na kremowym papierze: powściągliwy, redakcyjny i technicznie precyzyjny.
Sekcje o pełnej szerokości są ułożone pionowo w pojedynczej, centralnej kolumnie o maksymalnej szerokości z zewnętrznymi rynnami o szerokości 1280 px. Sekcja główna jest asymetryczna: nagłówek jest wyrównany do lewej na poziomie Waldenburga o szerokości 48 px, tekst opisu jest wyrównany do prawej, a dwa przyciski w kształcie pigułki znajdują się pod nagłówkiem. Poniżej sekcji głównej znajduje się duży pasek nawigacyjny z zakładkami, który rozciąga się na całą szerokość treści. Sekcje mają naprzemiennie tła w kolorze skorupki jajka i szarobrązowym z pionowymi rynnami o szerokości 96–125 px. Stopka to zwarty, pojedynczy pasek. Nawigacja to minimalistyczny pasek górny — bez sztywnych ustawień i rozbudowanych menu. Rytm treści jest zgodny ze stylem redakcyjnym: dużo wolnej przestrzeni, jeden główny element wizualny w każdej sekcji i brak siatek kart pod sekcją „Zaufanie”.
W projekcie wizualnym dominuje kolorystyka: duże gradienty w formie miękkich sfer dźwiękowych (koła o średnicy ponad 200 pikseli z promienistymi przejściami od fioletu do pomarańczu i różu) stanowią główny element graficzny. Loga w sekcji „Zaufanie” prezentowane są w niskokontrastowej skali szarości na matowym, płóciennym tle. Zdjęcia są minimalistyczne – brak zdjęć lifestylowych i produktowych. Ikonografia jest oszczędna i monochromatyczna (czarne kontury lub wypełnione ikony, brak ikon chromatycznych). System wizualny bardziej przypomina publikację o designie niż katalog produktów – powściągliwość redakcyjna góruje nad marketingowym oddziaływaniem.
Paleta
Marka
- Violet Spark
#0447ff— Nacisk wizualny na produkt – pojawia się wyłącznie w ilustracjach audio i dekoracyjnych ikonach produktu; nigdy nie jest stosowany w elementach interfejsu.
Neutralny
- Eggshell
#fdfcfc— Powierzchnie płótna strony, przycisków i kart są ciepłe, lekko kremowe, a nie śnieżnobiałe, co pozwala uniknąć cyfrowego odblasku i nadać witrynie spokój papieru. - Warm Taupe
#f5f3f1— Paski dzielące, karty dekoracyjne i dodatkowa warstwa powierzchni – o jeden stopień głębsza od powierzchni matowej – pozwalają na stworzenie cichego, bezramkowego podziału. - Stone
#ebe8e4— Cienkie obramowania, podziały i tła ikon mają ciepły szary kolor, plasujący się pomiędzy szarością taupe a średnią szarością, ale nie sprawiający wrażenia zimnego. - Ink
#000000— Niezależnie od tego, czy chodzi o tekst główny, wypełnione przyciski, nawigację czy linki, czysta czerń stanowi podstawę ciepłej palety barw i tworzy jedyny ostry kontrast w systemie. - Graphite
#44403b— Tekst główny, nagłówki sekcji – subtelny, ciepły, ciemnoszary kolor dla tekstu, który musi być wyrazisty, ale bez ostrości czerni. - Smoke
#777169— Główny tekst, dyskretne opisy i podpisy są utrzymane w średnio-ciepłej szarości; styl kart i tekstów tematycznych jest dominujący, czytelny, ale spokojny.
Typografia
od 10 do 48px · 8 kroków
- Waldenburg — wymiana: Inter (300) or Söhne Light · wytyczne 300 · Tylko do nagłówków i elementów graficznych. Używany w formatach 48/36/32 px z grubością czcionki 300 – ultralekka czcionka jest niekonwencjonalna; większość stron internetowych używa czcionki 600-700; ta subtelna czcionka wyraża autorytet poprzez powściągliwość. Wąskie odstępy między literami (-0,02 em) zapewniają lepsze dopasowanie liter przy większych rozmiarach. Alternatywy: „Inter” w grubości 300 lub „Söhne” w lekkiej grubości jako alternatywa premium.
- Inter — wymiana: Inter or system-ui · wytyczne 400, 500 · Wszystko poza ekranem: tekst główny, nawigacja, przyciski, linki, etykiety, pola wprowadzania, karty. Domyślna grubość to 400; 500 jest zarezerwowane dla przycisków i wyróżnionych linków. Rozmiary wahają się od 10 do 10, ze zmniejszonym odstępem między wierszami (1,47–1,6), co zapewnia akapitom więcej przestrzeni. Mały odstęp między literami +1 (2) przy rozmiarach od 14 do 3 poprawia czytelność w małych rozmiarach.
- Geist Mono — wymiana: JetBrains Mono or IBM Plex Mono · wytyczne 400 · Mikrotekst umieszczony obok kodu lub tekstu technicznego, w odległości 13 pikseli – rzadko używany (częstotliwość = 28) w przypadku etykiet technicznych lub metadanych. Pojedyncza warstwa, duża wysokość linii 1,69.
Interwały i forma
| Zamiar | Oznaczający |
|---|---|
| Gęstość | gęsty |
| Podstawowy krok | 8-16px |
| Promień przycisku | 9999px |
| Promień karty | 20px |
| Cienie | nie - granice zamiast cieni |
| Między sekcjami | 96-125px |
| Szerokość strony | 1280px |
Sztuczna inteligencja zbuduje Twoją witrynę w stylu ElevenLabs i wypełni ją
- Uzupełnij produktami i postami za pomocą linku - Instagram, TikTok, Facebook.
- Przenieś zawartość ze starej witryny — wystarczy podać adres.
- Nowoczesny design na najlepszym silniku: React ( Next.js) z renderowaniem serwerowym i optymalizacją SEO od razu po wyjęciu z pudełka.
- W pełni zautomatyzowana optymalizacja SEO dla wyników wyszukiwania i rekomendacje sieci neuronowych.
Podobne style
- Awesomic — Siatka cynkowa redakcyjna z pomarańczowymi znakami interpunkcyjnymi przypominającymi konfetti
- Monad — czasopismo techniczne redakcyjne na ciepłym pergaminie
- Dub — Panel sterowania z matowego papieru ryżowego firmy Link
- Seline Analytics — Cichy analityczny stół na ciepłym papierze
- Notion — Ciepły papierowy notatnik w południowym słońcu
- Anthropic — Naukowy dziennik terenowy na ciepłym pergaminie — spokojne, kości słoniowe powierzchnie, szeryfowe nagłówki redakcyjne i pojedynczy gliniany akcent, który pojawia się tylko wtedy, gdy zachodzi potrzeba działania.
- Calendly — Ciemnoniebieski tusz na zimnym marmurze
- Augen Pro — Biała prezentacja Apple charakteryzuje się klinicznym, lekkim, elektryzującym błękitem jako jedynym akcentem w monochromatycznej przestrzeni.
- Antimetal — Kronika redakcyjna na kremowym papierze – spokojny poranek w czasopiśmie naukowym, gdzie powściągliwość wyraża pewność siebie, a szeryfy wykonują ciężką pracę
- Perk — Elektryczna limonka na ciepłym papierze pergaminowym
- Ditto — Rozświetlony słońcem warsztat, w którym powstają próbki dzikich kwiatów. Ciepłe, kremowe powierzchnie, żywa żółta baza, głęboki granatowy kolor, organiczne formy kolorystyczne rozkwitające za dziełem.
- Officevibe — Magazyn redakcyjny na ciepłym, kremowym papierze. Wyobraź sobie przemyślany esej o zarządzaniu zasobami ludzkimi, zaprezentowany jako produkt – kursywny krój pisma szeryfowego, szepczący przez nowoczesny, niebieski interfejs.