Конструктор сайта

Не описывайте словами. Просто выберите

Придумывать с нуля тяжело, выбирать из готового — легко. Ниже пять готовых комплектов: один клик — и всё собрано. Хотите поточнее — спускайтесь в подробную настройку и меняйте палитру, шрифт и настроение по отдельности. Внизу экрана всегда видно, что у вас получилось.

1Быстрый путь

Готовые комплекты — один клик

Цвет, шрифт и подача уже подобраны друг к другу. Большинству этого достаточно. Выберите тот, который просто нравится — объяснять почему не нужно.

СтрогийК-1
Заголовок вашего сайта
Так будет выглядеть текст на странице: цвет, шрифт и подача вместе.
Оставить заявку
Выцветший денимIBM Plex Serif + IBM Plex Sansстрогий и деловой
Спокойный синий, деловая антиква, ровная сетка. Когда сайт должен вызывать доверие, а не восторг.
ТёплыйК-2
Заголовок вашего сайта
Так будет выглядеть текст на странице: цвет, шрифт и подача вместе.
Оставить заявку
Тёплый песокNunito + Nunito Sansтёплый и человечный
Песок, круглые буквы, живые фотографии. Для бизнеса, к которому приходят за человеком, а не за прайсом.
Дорогой минимализмК-3
Заголовок вашего сайта
Так будет выглядеть текст на странице: цвет, шрифт и подача вместе.
Оставить заявку
Тушь и рисCormorant + Manropeдорогой минимализм
Почти белый лист, тонкая антиква, много пустоты. Работы говорят сами, оформление молчит.
ЯркийК-4
Заголовок вашего сайта
Так будет выглядеть текст на странице: цвет, шрифт и подача вместе.
Оставить заявку
Индиго и охраOswald + PT Sansяркий и энергичный
Индиго с кислотным акцентом и узкий плотный заголовок. Заметно с первой секунды.
СпокойныйК-5
Заголовок вашего сайта
Так будет выглядеть текст на странице: цвет, шрифт и подача вместе.
Оставить заявку
Олива и лёнManrope + Literataмягкий и уютный
Олива, лён и мягкая антиква в тексте. Ничего резкого — читается медленно и приятно.
2Подробная настройка · шаг 1

Палитра — двенадцать вариантов

Каждая палитра показана мини-макетом: видно, как цвет ведёт себя в деле, а не квадратиками. Контраст посчитан по формуле WCAG, не на глаз — норма для основного текста 4.5 и выше. Курсивом под описанием — почему этот набор актуален.

Тёплый песок светлая П-01
Бренд О нас · Услуги · Контакты
НАПРАВЛЕНИЕ РАБОТЫ
Заголовок первого экрана
Короткое пояснение в две строки о том, что вы делаете и для кого.
Оставить заявку Подробнее
01Первый пункт Пояснение строкой
02Второй пункт Пояснение строкой
03Третий пункт Пояснение строкой
Фон#FAF6EFПодложка#EFE6D8Текст#2B2620Акцент#A64B2AДополнительный#7D8A6A Кофейни, пекарни, локальные бренды, мастерские. Тепло и по-человечески, без крика. Тёплые нейтрали — спокойная база, которая не устареет. Контраст: текст/фон 13.92 · текст/подложка 12.12 · вторичный текст 4.64 · акцент/фон 5.32 · надпись на кнопке 5.74 · дополнительный 3.41
Северный лес тёмная П-02
Бренд О нас · Услуги · Контакты
НАПРАВЛЕНИЕ РАБОТЫ
Заголовок первого экрана
Короткое пояснение в две строки о том, что вы делаете и для кого.
Оставить заявку Подробнее
01Первый пункт Пояснение строкой
02Второй пункт Пояснение строкой
03Третий пункт Пояснение строкой
Фон#0F1714Подложка#18241FТекст#E9EFE9Акцент#6FBF95Дополнительный#C8A97B Экотовары, загородные дома, бани, туризм, продукты с историей. Тихая уверенность. Тёмные зелёные + природная гамма. Контраст: текст/фон 15.6 · текст/подложка 13.72 · вторичный текст 4.69 · акцент/фон 8.29 · надпись на кнопке 8.64 · дополнительный 8.17
Графит и медь тёмная П-03
Бренд О нас · Услуги · Контакты
НАПРАВЛЕНИЕ РАБОТЫ
Заголовок первого экрана
Короткое пояснение в две строки о том, что вы делаете и для кого.
Оставить заявку Подробнее
01Первый пункт Пояснение строкой
02Второй пункт Пояснение строкой
03Третий пункт Пояснение строкой
Фон#15171BПодложка#1F2228Текст#EEEFF1Акцент#D08A4EДополнительный#8B95A3 Автосервис, мебель на заказ, металл, инженерия, мужские услуги. Крепко и дорого. Тёплый металл на холодном графите. Контраст: текст/фон 15.6 · текст/подложка 13.85 · вторичный текст 4.73 · акцент/фон 6.35 · надпись на кнопке 6.71 · дополнительный 5.92
Выцветший деним светлая П-04
Бренд О нас · Услуги · Контакты
НАПРАВЛЕНИЕ РАБОТЫ
Заголовок первого экрана
Короткое пояснение в две строки о том, что вы делаете и для кого.
Оставить заявку Подробнее
01Первый пункт Пояснение строкой
02Второй пункт Пояснение строкой
03Третий пункт Пояснение строкой
Фон#F5F7F9Подложка#E3EAF1Текст#1B2733Акцент#3F6488Дополнительный#B4855F Юристы, бухгалтерия, консалтинг, IT-услуги. Надёжно, взросло, без пафоса. Приглушённый деним вместо яркого корпоративного синего. Контраст: текст/фон 14.12 · текст/подложка 12.5 · вторичный текст 4.69 · акцент/фон 5.77 · надпись на кнопке 6.2 · дополнительный 3.03
Тушь и рис светлая П-05
Бренд О нас · Услуги · Контакты
НАПРАВЛЕНИЕ РАБОТЫ
Заголовок первого экрана
Короткое пояснение в две строки о том, что вы делаете и для кого.
Оставить заявку Подробнее
01Первый пункт Пояснение строкой
02Второй пункт Пояснение строкой
03Третий пункт Пояснение строкой
Фон#FCFBF7Подложка#EEECE4Текст#16181AАкцент#C0392BДополнительный#8C8880 Архитекторы, фотографы, галереи, портфолио. Когда главное — работы, а не оформление. Почти-монохром с одним резким акцентом. Контраст: текст/фон 17.19 · текст/подложка 15.05 · вторичный текст 4.73 · акцент/фон 5.25 · надпись на кнопке 5.44 · дополнительный 3.41
Слива и пудра светлая П-06
Бренд О нас · Услуги · Контакты
НАПРАВЛЕНИЕ РАБОТЫ
Заголовок первого экрана
Короткое пояснение в две строки о том, что вы делаете и для кого.
Оставить заявку Подробнее
01Первый пункт Пояснение строкой
02Второй пункт Пояснение строкой
03Третий пункт Пояснение строкой
Фон#FBF6F6Подложка#F1E3E5Текст#2A1922Акцент#7A2A4AДополнительный#B0757F Салоны красоты, эстетика, косметология, украшения. Дорого и женственно. Винные и сливовые тона вместо розового. Контраст: текст/фон 15.56 · текст/подложка 13.37 · вторичный текст 4.62 · акцент/фон 8.69 · надпись на кнопке 9.3 · дополнительный 3.44
Ночь и янтарь тёмная П-07
Бренд О нас · Услуги · Контакты
НАПРАВЛЕНИЕ РАБОТЫ
Заголовок первого экрана
Короткое пояснение в две строки о том, что вы делаете и для кого.
Оставить заявку Подробнее
01Первый пункт Пояснение строкой
02Второй пункт Пояснение строкой
03Третий пункт Пояснение строкой
Фон#171310Подложка#221C17Текст#F2EBE1Акцент#E0A040Дополнительный#A8887A Рестораны, бары, отели, вечерние форматы. Свет в темноте, атмосфера. Тёплая тёмная тема — альтернатива холодной. Контраст: текст/фон 15.61 · текст/подложка 14.24 · вторичный текст 4.65 · акцент/фон 8.15 · надпись на кнопке 8.38 · дополнительный 5.69
Морская глубина тёмная П-08
Бренд О нас · Услуги · Контакты
НАПРАВЛЕНИЕ РАБОТЫ
Заголовок первого экрана
Короткое пояснение в две строки о том, что вы делаете и для кого.
Оставить заявку Подробнее
01Первый пункт Пояснение строкой
02Второй пункт Пояснение строкой
03Третий пункт Пояснение строкой
Фон#0E1B26Подложка#152634Текст#E7EEF3Акцент#4FB3C4Дополнительный#D9B382 Медицина, лаборатории, стоматология, чистые технологии. Спокойно и профессионально. Глубокий сине-зелёный вместо стерильного бирюзового. Контраст: текст/фон 14.89 · текст/подложка 13.19 · вторичный текст 4.76 · акцент/фон 7.13 · надпись на кнопке 7.75 · дополнительный 8.91
Олива и лён светлая П-09
Бренд О нас · Услуги · Контакты
НАПРАВЛЕНИЕ РАБОТЫ
Заголовок первого экрана
Короткое пояснение в две строки о том, что вы делаете и для кого.
Оставить заявку Подробнее
01Первый пункт Пояснение строкой
02Второй пункт Пояснение строкой
03Третий пункт Пояснение строкой
Фон#F7F5EEПодложка#E8E5D6Текст#26281FАкцент#5C6B33Дополнительный#B07C4A Фермерские продукты, здоровое питание, йога, товары для дома. Натурально, без «эко-клише». Оливковый и болотный — спокойная зелень без офисного оттенка. Контраст: текст/фон 13.69 · текст/подложка 11.82 · вторичный текст 4.73 · акцент/фон 5.34 · надпись на кнопке 5.82 · дополнительный 3.3
Индиго и охра светлая П-10
Бренд О нас · Услуги · Контакты
НАПРАВЛЕНИЕ РАБОТЫ
Заголовок первого экрана
Короткое пояснение в две строки о том, что вы делаете и для кого.
Оставить заявку Подробнее
01Первый пункт Пояснение строкой
02Второй пункт Пояснение строкой
03Третий пункт Пояснение строкой
Фон#F6F5FBПодложка#E7E5F5Текст#1A1830Акцент#3B2FBFДополнительный#948618 Стартапы, digital, образование, приложения. Молодо и заметно, но не аляповато. Королевский фиолет с тёплой деталью — под цифровые продукты. Контраст: текст/фон 15.91 · текст/подложка 13.9 · вторичный текст 4.72 · акцент/фон 8.26 · надпись на кнопке 8.96 · дополнительный 3.41
Ржавчина и камень светлая П-11
Бренд О нас · Услуги · Контакты
НАПРАВЛЕНИЕ РАБОТЫ
Заголовок первого экрана
Короткое пояснение в две строки о том, что вы делаете и для кого.
Оставить заявку Подробнее
01Первый пункт Пояснение строкой
02Второй пункт Пояснение строкой
03Третий пункт Пояснение строкой
Фон#F4F1EDПодложка#E4DED6Текст#241F1BАкцент#A34426Дополнительный#6E7A72 Стройка, ремонт, керамика, производство, ландшафт. Материально и честно. Терракота и ржавчина — держатся не первый сезон. Контраст: текст/фон 14.49 · текст/подложка 12.21 · вторичный текст 4.69 · акцент/фон 5.47 · надпись на кнопке 6.15 · дополнительный 3.98
Тил и известняк светлая П-12
Бренд О нас · Услуги · Контакты
НАПРАВЛЕНИЕ РАБОТЫ
Заголовок первого экрана
Короткое пояснение в две строки о том, что вы делаете и для кого.
Оставить заявку Подробнее
01Первый пункт Пояснение строкой
02Второй пункт Пояснение строкой
03Третий пункт Пояснение строкой
Фон#F2F2EEПодложка#E4E6E2Текст#14181AАкцент#1F5C63Дополнительный#6E7A72 Клининг, логистика, сервис, B2B-платформы. Чисто, быстро, ничего лишнего. Глубокий тил на минеральной нейтрали — сочетание, которое просят чаще всего. Контраст: текст/фон 15.92 · текст/подложка 14.22 · вторичный текст 4.64 · акцент/фон 6.76 · надпись на кнопке 7.58 · дополнительный 3.99
3Подробная настройка · шаг 2

Шрифт — восемь пар

Половина модных шрифтов кириллицы не имеет вовсе: русский текст молча подменяется системным и заголовок разъезжается. Кириллица у всех восьми пар подтверждена по метаданным Google Fonts. Смотрите на образец — он набран по-русски.

Playfair Display + Inter Редакционный, дорогой Ш-01
Сайт, который работает на вас
Здесь будет ваш текст: две-три строки о том, что вы делаете и для кого. Этот образец нужен, чтобы увидеть шрифт в деле — как читается заголовок, как ложится абзац, хватает ли воздуха между строк.
Playfair Display 600 заголовок Inter 400 текст
Антиква в заголовке и нейтральный гротеск в тексте. Самая надёжная схема, когда нужно «дорого».
IBM Plex Serif + IBM Plex Sans Строгий, деловой Ш-02
Сайт, который работает на вас
Здесь будет ваш текст: две-три строки о том, что вы делаете и для кого. Этот образец нужен, чтобы увидеть шрифт в деле — как читается заголовок, как ложится абзац, хватает ли воздуха между строк.
IBM Plex Serif 600 заголовок IBM Plex Sans 400 текст
Одна семья на всё. Читается как документ — доверие без украшательств.
Cormorant + Manrope Тонкий, минималистичный Ш-03
Сайт, который работает на вас
Здесь будет ваш текст: две-три строки о том, что вы делаете и для кого. Этот образец нужен, чтобы увидеть шрифт в деле — как читается заголовок, как ложится абзац, хватает ли воздуха между строк.
Cormorant 600 заголовок Manrope 400 текст
Лёгкая высокая антиква. Работает только на крупном кегле и большом воздухе.
Manrope + Literata Современный, вдумчивый Ш-04
Сайт, который работает на вас
Здесь будет ваш текст: две-три строки о том, что вы делаете и для кого. Этот образец нужен, чтобы увидеть шрифт в деле — как читается заголовок, как ложится абзац, хватает ли воздуха между строк.
Manrope 800 заголовок Literata 400 текст
Перевёрнутая схема: плотный гротеск сверху, антиква в тексте. Хорошо для длинных текстов.
Nunito + Nunito Sans Тёплый, дружелюбный Ш-05
Сайт, который работает на вас
Здесь будет ваш текст: две-три строки о том, что вы делаете и для кого. Этот образец нужен, чтобы увидеть шрифт в деле — как читается заголовок, как ложится абзац, хватает ли воздуха между строк.
Nunito 800 заголовок Nunito Sans 400 текст
Скруглённые формы без инфантильности. Детское, обучение, локальный сервис.
Oswald + PT Sans Энергичный, плотный Ш-06
Сайт, который работает на вас
Здесь будет ваш текст: две-три строки о том, что вы делаете и для кого. Этот образец нужен, чтобы увидеть шрифт в деле — как читается заголовок, как ложится абзац, хватает ли воздуха между строк.
Oswald 600 заголовок PT Sans 400 текст
Узкий заголовок берёт много слов в строку. Спорт, доставка, акции.
Wix Madefor Display + Wix Madefor Text Технологичный, продуктовый Ш-07
Сайт, который работает на вас
Здесь будет ваш текст: две-три строки о том, что вы делаете и для кого. Этот образец нужен, чтобы увидеть шрифт в деле — как читается заголовок, как ложится абзац, хватает ли воздуха между строк.
Wix Madefor Display 700 заголовок Wix Madefor Text 400 текст
Нейтральный интерфейсный характер. Приложения, сервисы, личные кабинеты.
Forum + Montserrat Гостеприимный, мягкая роскошь Ш-08
Сайт, который работает на вас
Здесь будет ваш текст: две-три строки о том, что вы делаете и для кого. Этот образец нужен, чтобы увидеть шрифт в деле — как читается заголовок, как ложится абзац, хватает ли воздуха между строк.
Forum 400 заголовок Montserrat 400 текст
Широкая капитель в заголовке. Рестораны, отели, события.
4Подробная настройка · шаг 3

Настроение — шесть направлений

Одно и то же содержание можно подать шестью способами. Это схемы первого экрана: состав блоков, плотность, характер. Цвет и шрифт здесь не главное — их вы уже выбрали выше.

Названия компаний и цифры на схемах — условные, для примера. Это не работы студии.

Строгий и деловой Н-01
КОМПАНИЯ Услуги · Отрасли · Кейсы · Контакты Связаться
Юридическое сопровождение бизнеса с 2008 года
Договоры, споры, налоги. Фиксированная стоимость, сроки в договоре.
Получить консультацию
640дел в год
17лет практики
92%в пользу клиента
Ровная сетка, много воздуха, факты и цифры. Ничего декоративного. Юристы, финансы, B2B, промышленность.
Тёплый и человечный Н-02
Пекарня Меню · Где мы · Заказ
Печём с пяти утра, чтобы вы завтракали тёплым
Две печи, семь человек и закваска, которой шесть лет.
Смотреть меню
фото
Фото живых людей, мягкие скругления, разговорные заголовки. Кофейни, частные практики, локальный бизнес.
Дорогой минимализм Н-03
A T E L I E R РАБОТЫ · СТУДИЯ · КОНТАКТ
Пространство,
которое молчит
Интерьеры частных домов
Огромный заголовок, три слова на экран, широкие поля. Пустота работает. Премиум-услуги, архитектура, ювелирка.
Яркий и энергичный Н-04
ДВИЖ Тарифы · Расписание · Тренеры ЗАПИСАТЬСЯ
ПЕРВАЯ
ТРЕНИРОВКА
БЕСПЛАТНО
ЗАБРАТЬ
до 31 марта
СИЛА · КАРДИО · БОКС · РАСТЯЖКА · СИЛА · КАРДИО · БОКС
Крупный контрастный блок, диагональ, заметная кнопка. Взгляд цепляется сразу. Спорт, доставка, события, молодые бренды.
Мягкий и уютный Н-05
Мята Услуги · Мастера · Записаться
Спокойный час
только для вас
Уход за лицом, руками и волосами в тихой студии на пять кресел.
Записаться онлайн
Овалы, пастельные подложки, лёгкая типографика, ничего резкого. Красота, детское, товары для дома, психологи.
Технологичный Н-06
nodus. docs / pricing / api / login Попробовать
// ПЛАТФОРМА
Данные с производства в одном окне
Подключение за день. Работает с оборудованием, которое у вас уже стоит.
Демо-доступ
uptime 99.98% · 14 линий
Тёмная тема, сетка, моноширинные подписи, интерфейсные детали. IT, SaaS, оборудование, стартапы.
Палитране выбрана
Шрифтне выбран
Настроениене выбрано
Выберите готовый комплект или соберите свой вариант ниже.