Сканирование сайта

Стайлгайд — это ресурс, собранный с сайта. Вставьте адрес в Ресурсы или в чат, и студия просканирует страницу.

Что собирает сканирование

• Цвета с ролями: фон, текст, основной, акцентный, поверхность.
• Шрифты для заголовков и основного текста, сопоставленные с ближайшими встроенными семействами, с сохранением названий с сайта.
• Скругление углов и общая светлая или тёмная схема.
• Логотип как ресурс-изображение.
• Заголовок и описание как цитируемый текст.
• Скриншот страницы в том виде, в каком её видят посетители, пригодный для использования внутри видео — например, в карточке под устройство со скруглёнными углами и медленной панорамой.
• Секции страницы: первый экран, таблицы тарифов, списки возможностей и изображения. Студия может пересобрать секцию как HTML-блок, чтобы она выглядела точно как на вашем сайте.

Как этим пользоваться

Как только сканирование закончится, студия автоматически использует стайлгайд в каждом плане этого проекта: ваши цвета, ваши шрифты, ваш логотип. Можно попросить конкретные секции («покажи таблицу тарифов с сайта в третьей сцене») или скриншот в рамке телефона.

Ограничения

• Сканирование читает публичные страницы. Страницы за логином не читаются.
• Некоторые сайты блокируют автоматических посетителей; тогда студия читает только CSS, и роли цветов определяются менее уверенно — о чём она вам и сообщает.
• Сканирование — это снимок. Если вы поменяли сайт, просканируйте его заново.

Файлы HTML или CSS

Если фирменная страница есть у вас в виде файла HTML или CSS, а не живого сайта, загрузите его — студия прочитает его так же.

Конфиденциальность

Сохранённая страница и её файлы хранятся вместе с вашим проектом и используются только для ваших видео.

Если сайта нет

Загрузите логотип и, если есть, брендбук в PDF или таблицу стилей. Назовите свои цвета в брифе («тёмно-синий фон, коралловый акцент, белый текст») — студия будет использовать их последовательно. Сканирование — это удобство, а не обязательное условие.

Несколько брендов в одном аккаунте

У каждого проекта может быть свой стайлгайд, так что агентство может держать клиентов раздельно: сканируйте сайт клиента в проекте клиента. Файлы библиотеки общие для всех проектов, поэтому логотипы конкретных брендов держите в проекте, а не в библиотеке.