ElevenLabs

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

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

Разделы во всю ширину расположены вертикально в одной центральной колонке максимальной ширины с внешними промежутками шириной 1280px. Главный раздел асимметричен: заголовок выровнен по левому краю на уровне 48px Вальденбург, описание текста выровнено по правому краю, под заголовком расположены две кнопки-«таблетки». Под главным разделом находится большая панель с вкладками для навигации, занимающая всю ширину контента. Разделы чередуются между фонами цвета яичной скорлупы и серо-коричневого цвета с вертикальными промежутками шириной 96–125px. Нижний колонтитул представляет собой компактную единую полосу. Навигация — минималистичная верхняя панель — без фиксированного поведения, без мега-меню. Ритм контента соответствует редакционному стилю: много свободного пространства, один основной визуальный элемент на раздел, нет карточных сеток под разделом «Доверие».

Визуальное оформление доминирует в цветовой гамме: крупные градиенты в виде мягких аудиосфер (круги 200px+ с радиальными переходами от фиолетового к оранжевому и розовому) служат главным графическим элементом. Логотипы в разделе «Доверие» представлены в низкоконтрастной гамме серого на фоне матового холста. Фотосъемка минимальна — отсутствуют фотографии в стиле лайфстайл и предметной фотографии. Иконография скудная и монохромная (черные контурные или закрашенные иконки, нет хроматических иконок). Визуальная система больше напоминает дизайнерское издание, чем каталог продукции — сдержанность редакции преобладает над маркетинговым эффектом.

Минимализм Чистый SaaS Редакционный

https://elevenlabs.io

Палитра

Бренд

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-оптимизация под поисковую выдачу и рекомендации нейросетей.

Создать сайт в этом стиле

ElevenLabs

Палитра

Типографика

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

ИИ соберёт ваш сайт в стиле ElevenLabs и наполнит его

Похожие стили