Телеграм, WhatsApp+380637610482
Валери Данюк
Валери ДанюкразработчикРазработване на инструменти с изкуствен интелект за бизнеса. Висококачествени. Достъпни.Пишете ни в Telegram
ElevenLabs — предварителен преглед на сайт в този стил

ElevenLabs

Фотоесе в топли кремави тонове с фини заглавия. Тетрадка в стил Баухаус - хартия с цвят на яйчена черупка, черно мастило и един лилав и оранжев акцент за представяне на продукта.

ElevenLabs работи в топъл, бял минималистичен стил: платно с цвят на яйчена черупка (#fdfcfc) с черен шрифт и един слой топли бежови повърхности (#f5f3f1). Идентичността на марката е тиха и уверена – едва различимият шрифт Waldenburg 300 подчертава заглавията с изключителна яснота (-0.02em), докато Inter 400/500 придава на всичко останало спокойна неутралност. Два акцентни цвята – ярко лилаво #0447ff и ярко оранжево #ff4704 – се открояват само във визуалните елементи на продукта (аудиосфери, икони на продукти), никога като хром в потребителския интерфейс. Компонентите остават плоски или леко повдигнати с тънки 1px рамки, широки 20px радиуси върху картите и напълно запълнени 9999px бутони. Системата напомня на студио Bauhaus върху кремава хартия: сдържана, редакционна и технически прецизна.

Секциите с пълна ширина са подредени вертикално в една централна колона с максимална ширина и външни междинни линии от 1280px. Основната секция е асиметрична: заглавието е подравнено отляво на нивото на Waldenburg от 48px, текстът на описанието е подравнен отдясно, а два бутона с форма на хапче са разположени под заглавието. Под основната секция има голяма навигационна лента с раздели, която обхваща цялата ширина на съдържанието. Секциите се редуват между цвят на яйчена черупка и бежов фон с вертикални междинни линии от 96–125px. Долният колонтитул е компактен, с единична лента. Навигацията е минималистична горна лента - без фиксирано поведение, без мегаменюта. Ритъмът на съдържанието съответства на редакционния стил: много бяло пространство, един основен визуален елемент на секция и без решетки с карти под секцията „Доверие“.

Визуалният дизайн е доминиран от цветова схема: големи градиенти под формата на меки аудио сфери (кръгове над 200px с радиални преходи от лилаво към оранжево и розово) служат като основен графичен елемент. Логотата в секцията „Доверие“ са представени в нискоконтрастна сива скала на матов платнен фон. Фотографията е минимална - няма снимки на начин на живот или продукти. Иконографията е оскъдна и монохромна (черен контур или запълнени икони, няма хроматични икони). Визуалната система напомня повече на дизайнерска публикация, отколкото на продуктов каталог - редакционната сдържаност преобладава над маркетинговото въздействие.

Палитра

Марка

  • Violet Spark #0447ff — Визуален акцент върху продукта - Появява се само в илюстрации на аудиосфери и декоративни икони на продукти; никога не се използва за елементи на интерфейса.

Неутрален

  • Eggshell #fdfcfc — Платното на страницата, повърхностите на бутоните и повърхностите на картите са топли, леко кремави, а не ярко бели, за да се избегне дигиталното отблясъци и да се придаде на сайта спокойствието на хартията.
  • Warm Taupe #f5f3f1 — Разделителни ленти, декоративни карти и допълнително ниво на повърхността – с една стъпка по-дълбоко от матовата повърхност – създават тихо, безгранично разделяне.
  • Stone #ebe8e4 — Тънките рамки, разделителите и фоновете на иконите са в топло сиво, което се намира между бежово и средно сиво, без да се усеща студено.
  • Ink #000000 — Независимо дали става въпрос за текст на екрана, запълнени бутони, навигация или връзки, чисто черното служи като основа за топла цветова палитра и създава единствения рязък контраст в системата.
  • Graphite #44403b — Основен текст, заглавия на раздели - фин, топъл, тъмносив цвят за текст, който трябва да е ярък, без грубостта на черното.
  • Smoke #777169 — Основният текст, дискретните описания и надписите са в средно топъл сив цвят; доминиращият, четим, но спокоен стил на картите и тематичните текстове.

Типография

от 10 до 48px · 8 стъпки

  • Waldenburg — замяна: Inter (300) or Söhne Light · очертания 300 · Само за заглавия и дизайнерски елементи. Използва се във формати 48/36/32px с дебелина на шрифта 300 – ултралекият шрифт е нетрадиционен; повечето уебсайтове използват 600-700; този фин шрифт предава авторитет чрез сдържаност. Плътното разстояние между буквите от -0.02em създава по-плътно прилягане между буквите при по-големи размери. Алтернативи: „Inter“ с дебелина 300 или „Söhne“ с дебелина на шрифта като премиум алтернатива.
  • Inter — замяна: Inter or system-ui · очертания 400, 500 · Всичко извън екрана: основен текст, навигация, бутони, връзки, етикети, полета за въвеждане, карти. 400 е дебелината по подразбиране; 500 е запазено за бутони и маркирани връзки. Размерите варират от 10 до 10, с намалено разстояние между редовете (1,47–1,6), което дава пространство за „дишане“ на абзаците. Малко разстояние между буквите от +1 (2) при размери от 14 до 3 подобрява четливостта при малки размери.
  • Geist Mono — замяна: JetBrains Mono or IBM Plex Mono · очертания 400 · Микротекст, разположен до код или технически текст, позициониран на 13px - рядко използван (честота = 28) за технически етикети или метаданни. Един слой, голяма височина на реда 1,69.

Интервали и форма

ЦелСтойност
Плътностгъст
Основна стъпка8-16px
Радиус на бутона9999px
Радиус на картата20px
Сенкине - рамки вместо сенки
Между секциите96-125px
Ширина на страницата1280px

Изкуственият интелект ще изгради вашия уебсайт в стил ElevenLabs и ще го запълни

  • Попълнете с продукти и публикации чрез линка - Instagram, TikTok, Facebook.
  • Прехвърлете съдържание от стария си сайт – просто посочете адреса.
  • Модерен дизайн на най-добрия енджин: React ( Next.js) със сървърно рендериране и SEO оптимизация веднага щом е готов.
  • Напълно автоматизирана SEO оптимизация за резултати от търсенето и препоръки от невронни мрежи.

Подобни стилове

  • Awesomic — Редакционна цинкова мрежа с оранжеви препинателни знаци, напомнящи конфети
  • Monad — редакционно техническо списание върху топъл пергамент
  • Dub — Контролен панел с матова оризова хартия на Link
  • Seline Analytics — Тиха аналитична маса върху топла хартия
  • Notion — Топъл хартиен тефтер под обедното слънце
  • Anthropic — Научно списание за топъл пергамент - спокойни повърхности с цвят на слонова кост, заглавия със серифирани редакционни знаци и един-единствен глинен акцент, който се появява само когато е необходимо действие.
  • Calendly — Тъмносиньо мастило върху студен мрамор
  • Augen Pro — Бялата презентация на Apple се отличава с клинично, безтегловно, електрическо синьо като единствен акцент в монохромно пространство.
  • Antimetal — Редакционна хроника на кремава хартия – тиха сутрин в научно списание, където сдържаността внушава увереност, а серифите вършат тежката работа.
  • Perk — Електрическа лайм върху топла пергаментова хартия
  • Ditto — Слънчева работилница, в която се създават мостри от диви цветя. Топли кремави повърхности, ярък жълт основен цвят, наситено тъмносини мастила, органични цветови форми, разцъфтяващи зад произведението.
  • Officevibe — Редакционно списание на топла кремава хартия. Представете си замислено есе за управлението на човешките ресурси, представено като продукт - курсивен шрифт със серифни букви, шепнещ през модерен син интерфейс.