ElevenLabs
Фоторепортаж у теплих кремових тонах із ненав'язливими заголовками. Блокнот у стилі Баухаус — папір кольору яєчної шкаралупи, чорне чорнило, один фіолетовий та помаранчевий акцент для демонстрації продукту.
ElevenLabs працює в стилі теплого білого мінімалізму: полотно кольору яєчної шкаралупи (#fdfcfc) із чорним шрифтом та одним шаром теплих сіро-коричневих поверхонь (#f5f3f1). Фірмовий стиль тихий і впевнений - ледь помітний шрифт Waldenburg 300 з граничною чіткістю виділяє заголовки (-0.02em), тоді як Inter 400/500 надає всьому спокійній нейтральності. Два акцентні кольори - яскравий фіолетовий #0447ff і яскравий помаранчевий #ff4704 - спалахують тільки всередині візуальних елементів продукту (аудіосфери, іконки продукту), ніколи не як хром в інтерфейсі користувача. Компоненти залишаються плоскими або трохи піднятими з тонкими 1px рамками, широкими 20px радіусами на картках та повністю заповненими 9999px кнопками. Система нагадує студію Баухауса на кремовому папері: стримана, редакційна та технічно точна.
Розділи на всю ширину розташовані вертикально в одній центральній колонці максимальної ширини із зовнішніми проміжками шириною 1280px. Головний розділ асиметричний: заголовок вирівняний по лівому краю на рівні 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 — Редакційний журнал на папір теплого кремового кольору. Уявіть собі вдумливе есе з управління персоналом, оформлене у вигляді продукту — курсивний шрифт із засічками, що ніби шепоче крізь сучасний синій інтерфейс.