Мокап лендинга

SaaS-лендинг с навигацией, крупным заголовком, кнопками призыва к действию и превью продукта.

Перетащите сюда скриншот

Размер

Формат

Картинка остаётся в вашем браузере — мы ничего не загружаем.

Шаблон лендинга рисует сайт современного стартапа: навигацию, плашку «новая функция», двухстрочный градиентный заголовок, кнопки и встроенное превью продукта. Мобильная версия — адаптивный первый экран для iPhone.

Подходит для портфолио агентств, конструкторов сайтов, шаблонов и предложений «делаем сайты».

Примеры

Лендинг · Браузер · СлеваЛендинг · Браузер · СлеваЛендинг · ВместеЛендинг · ВместеЛендинг · iPhone · СправаЛендинг · iPhone · СправаЛендинг · MacBook · В воздухе · ТёмнаяЛендинг · MacBook · В воздухе · Тёмная

Как это работает

  1. Выберите экран

    Один из 18 типов интерфейса (по 5 лейаутов) или свой скриншот. Нажимайте «Другой вариант», пока не понравится.

  2. Выберите устройство

    iPhone 17 Pro, iPhone Air, MacBook Pro или MacBook Air — или окно браузера.

  3. Скачайте

    Выберите ракурс и фон и скачайте PNG, JPG или WebP в высоком разрешении. Можно с прозрачным фоном.

Вопросы

Есть другие лейауты лендинга?

Да. «Другой вариант» переключает 5 лейаутов страницы. Название продукта появляется в логотипе и тексте.

Можно показать адаптивный сайт?

Выберите «Вместе» — версии для компьютера и телефона будут рядом.

Какой размер лучше для портфолио?

Попробуйте 1600×1200 (Dribbble) в меню размера.

Это бесплатно?

Да. Все интерфейсы, устройства, ракурсы и размеры бесплатны, регистрация не нужна. Картинки можно использовать в коммерческих проектах.

Можно вставить свой скриншот в iPhone или MacBook?

Да. Нажмите «Свой скриншот», перетащите картинку на превью или вставьте её через Ctrl/Cmd+V. Изображение обрабатывается прямо в браузере и никуда не загружается.

Ещё мокапы

Мокапы по типу экрана


Мокапы по устройству