№53

8 октября 2026

дизайн · инструменты · контент

Скриншоты сайта превращаются в JSON-паспорт бренда, который держит стиль в любом новом чате

Если коротко

Что даёт
переносимый "паспорт" стиля сайта или бренда - картинка-гайдлайн плюс JSON-файл, который держит цвета, шрифты и композицию одинаковыми в любом новом чате.
Зачем
один раз объяснить модели, как выглядит бренд, вместо того чтобы пересказывать это заново под каждую новую картинку.
Как сделать
берёте готовый промпт-шаблон из гугл-дока автора, кидаете его вместе со скриншотами сайта в ChatGPT (вкладка «Работа»), получаете brand_style_sheet.png и brand_style_standard.json, а дальше прикладываете JSON в любой чат с задачей вроде сделай макет билборда.
Профит
экономит время на брифинг дизайнера или на объяснение стиля модели заново. Шаблон бесплатный, а ChatGPT нужен платный: Plus стоит $20 в месяц, и это минимум для GPT-6 Astra (только во вкладке «Работа», по оценке OpenAI 5-45 сообщений за пятичасовое окно) и для GPT-5.6 Sol. На Free и Go доступна лишь младшая Luna, на ней приём не проверялся. России нет в списке стран, где OpenAI поддерживает ChatGPT, так что из России нужен обход и есть риск блокировки аккаунта.
Где подвох
JSON хранит только текстовое описание логотипа, файла лого в нём нет - модель либо рисует его по памяти, либо не добавляет (в примере сама так и призналась). Шрифты - лишь ближайший аналог, цвета - HEX без CMYK: для веба и соцсетей хватает, для печати и производства нет, а ошибки первого разбора переезжают во все следующие макеты.

Что показано

Автор открывает ChatGPT на вкладке «Работа», выбирает модель GPT-6 Astra с уровнем «Высокий» и закидывает в неё четыре скриншота сайта Т-Банка и текстовый промпт-шаблон. В ответ получает brand_style_sheet.png - визуальный гайдлайн с цветами, шрифтами и графикой - и brand_style_standard.json. Дальше открывает два новых чата уже с моделью попроще, GPT-5.6 Sol, прикладывает туда только JSON и одной строкой получает макет билборда и карусель на 10 слайдов - оба выдержаны в узнаваемой жёлто-белой гамме бренда.

Почему это работает

Хитрость не в самой модели, а в шаблоне-промпте, который автор раздаёт отдельно (он лежит открытым в гугл-доке, без логина). Это подробный англоязычный конфиг на 761 строку (по форме похож на JSON, но валидным JSON не является): он заставляет модель сначала честно разложить материалы на confirmed/inferred/estimated/unknown, а не выдавать общие слова вроде "современный" и "премиальный" - в шаблоне прямым текстом запрещено выдумывать шрифты и цвета, которых нет в источнике.

Дорогой этап - визуальный разбор скриншотов - модель делает один раз (главное не полениться и накидать разные экраны, а не пять раз одну и ту же шапку сайта). Результат сворачивается в текстовый JSON, а текст куда дешевле и переносимее картинки: получается, даже слабая модель без глубокого рассуждения читает файл как техзадание с конкретными HEX-кодами и готовыми правилами, вместо того чтобы гадать по абстрактному "сделай в фирменном стиле". Для случаев, когда файл не приложить, шаблон просит модель положить в поле generation_prompt_core.prompt сжатое описание стиля - его можно вставлять текстом в конец любого промпта.

Один разбор скриншотов превращается в JSON-техзадание, которое можно приложить к любому новому чату - грузите файл вместо пересказа брендбука.

Как повторить

  1. Откройте шаблон-промпт автора: https://docs.google.com/document/d/1oo03FPmHOZmcmyq8pAsoUf7ovmkves0f3WZDlq3kphI/edit - документ открыт на чтение без логина. Это 761 строка на английском (около 16 КБ). Начало у документа обрезано, на валидный JSON он не похож - это нормально, править ничего не нужно. Скопируйте весь текст или скачайте его через «Файл» - «Скачать» - .txt. Есть и прямая ссылка на экспорт, у меня она отдала чистый текст без входа в аккаунт: https://docs.google.com/document/d/1oo03FPmHOZmcmyq8pAsoUf7ovmkves0f3WZDlq3kphI/export?format=txt.
  2. Соберите 4-10 скриншотов сайта или интерфейса, чей стиль хотите снять: шапка, карточка товара, детальная страница, мобильная версия - чем разнообразнее набор, тем точнее выйдет разбор. В ролике их четыре. Если у бренда есть файл логотипа, рекламные макеты или презентация, добавьте их в тот же набор: шаблон прямо перечисляет логотипы, соцсети, упаковку и рекламу как входные материалы.
  3. Откройте ChatGPT и переключитесь с вкладки «Чат» на «Работа» (Work): в ролике всё сделано в ней, и на тарифе Plus GPT-6 Astra доступна именно там. Выберите GPT-6 Astra с уровнем «Высокий». Если её нет, попробуйте GPT-6 Sol или GPT-5.6 Sol: в ролике Sol делает второй шаг, но разбор скриншотов на нём не показан. Прикрепите скриншоты и шаблон одним сообщением и попросите заполнить шаблон по скриншотам. Фраза в кадре обрывается на «Скидываю тебе скриншоты сайта, применив...», так что берите свою, например: Скидываю скриншоты сайта. На их основе заполни шаблон визуального стандарта из приложенного документа.
  4. Дождитесь ответа: модель должна отдать два отдельных файла, brand_style_sheet.png и brand_style_standard.json (в ролике JSON приходит карточкой для скачивания). То есть шаблон явно требует именно два раздельных файла, а не JSON текстом в чате - если модель слила всё в один ответ, попросите пересобрать по инструкции.
  5. В новом чате (можно с более простой моделью, в ролике - GPT-5.6 Sol) прикрепите только JSON и опишите задачу одной строкой:
Используя стандарт, сделай макет билборда на тему "Новая карта с встроенным ИИ-финансистом"
  1. Для следующей задачи по тому же бренду - другая карусель, баннер, слайд презентации - повторяйте шаг 5 в любом чате: JSON заменяет пересказ брендбука каждый раз заново. Карусель в ролике заказана строкой Используя стандарт сделай информативную карусель для инст. 10 слайдов 4:6. Если файл приложить нельзя, вставьте в промпт текстом поле generation_prompt_core.prompt из JSON. Логотипа в макете не будет: чтобы он попал, приложите файл лого вторым вложением (в ролике так не делали, проверьте сами).

Ссылки и ресурсы

  • Шаблон «Визуальный стандарт» (гугл-док) - сам промпт-шаблон: 761 строка на английском, около 16 КБ; открывается на чтение без входа, 25 сентября проверено и в браузере, и через экспорт в .txt; бесплатно.
  • Рилс автора - первоисточник, аккаунт russgamzatov (Руслан Гамзатов); страница отвечает, что видно без входа в Инстаграм, не проверял; бесплатно.
  • Телеграм автора - в ролике сказано, что шаблон лежит в его телеграме по ссылке из шапки профиля. Аккаунт существует и в описании ссылается на тот же инстаграм, но тот ли это канал, что стоит в шапке, проверить не удалось; бесплатно.
  • GPT-5.6 и GPT-6 Pro в ChatGPT - справка OpenAI: какие модели на каком тарифе. Plus: Sol на уровнях Medium и High, Astra только в «Работе» и Codex; Free и Go: только Luna; открывается.
  • Лимиты Astra в «Работе» и Codex - справка OpenAI: на Plus по оценке 5-45 сообщений Astra за пятичасовое окно, лимит общий с Codex и зависит от задачи; остаток смотрите в Settings - Usage; открывается.
  • ChatGPT Work и Codex - что такое вкладка «Работа» и как переключиться с «Чата»; открывается.
  • ChatGPT Plus - справка о тарифе: $20 в месяц, годовой оплаты нет; платно.
  • Анонс GPT-6 Astra - анонс от 3 сентября 2026; в API gpt-6-astra стоит $10 за миллион входных и $50 за миллион выходных токенов; сайт открывается, платно.
  • Анонс GPT-6 Sol и Luna - от 22 сентября 2026: обе модели доступны в «Работе» и Codex на Plus и выше, Free и Go получают Luna в десктопном приложении, в обычном «Чате» их пока нет; открывается.
  • Страны, где поддерживается ChatGPT - России в списке нет, а доступ из неподдерживаемых стран, по словам OpenAI, может закончиться блокировкой аккаунта; открывается.

Проверочный прогон

Откройте brand_style_sheet.png - там должны быть заполнены все блоки: лого, цвета с HEX и подписанной ролью (primary, accent, фон, текст), типографика по уровням от H1 до caption, графический язык, фото-направление, layout, 3-7 слов настроения бренда и блок DO/DON'T. Если вместо конкретики модель выдала "стильно" и "современно" без деталей - скриншотов было мало, докиньте ещё и попросите пересобрать.

Внутри JSON найдите поле confidence с массивами confirmed/inferred/estimated/unknown. Если оно пустое или всё свалено в confirmed - модель, скорее всего, придумывает вместо того чтобы честно анализировать, шаблон требует ровно обратного. У каждого цвета и у каждого из двух шрифтов там есть и свой confidence: inferred у шрифта значит, что модель назвала аналог, а не нашла оригинал.

Готовый макет по JSON сравните с оригинальным сайтом глазами: цвета и шрифт должны совпасть, а логотип, скорее всего, придётся дорисовать или вставить руками отдельным файлом. У карусели отдельно проверьте читаемость кириллицы и единообразие карточки и 3D-объектов на всех слайдах: модель в ролике сама называет эти места самыми хрупкими.

Где это пригодится

Пригодится, если у вас есть свой сайт или продукт, а правила бренда нигде не записаны и живут в голове одного человека - и вам то и дело нужны баннеры, карусели, слайды в одном стиле без найма дизайнера на каждую мелочь. Годится и тем, кто делает контент под чужие бренды: вместо того чтобы каждый раз объяснять новому чату "у клиента жёлто-чёрная гамма и такой-то шрифт", прикладываете один файл.

Руками сам процесс не гонял, короче, зато вскрыл промпт-шаблон целиком, и он оказался серьёзнее, чем обычно бывает в рилсах: настоящая схема ответа из 16 разделов с полями под confidence и прямым запретом выдумывать шрифты и цвета.

Оговорки

  • GPT-6 Astra и GPT-5.6 Sol - не выдумка и не ошибка whisper, это реальные модели OpenAI (Astra анонсирована 3 сентября 2026, GPT-5.6 Sol вышла 9 июля), просто настолько свежие, что на слух легко принять за фейк (я сам сначала так и подумал, пока не проверил поиском, а потом сверил с официальными страницами OpenAI). С 22 сентября в «Работе» есть и GPT-6 Sol с Luna, они новее, чем в ролике, но в обычном «Чате» их пока нет.
  • Доступ платный. Plus стоит $20 в месяц, и на нём Astra открыта только во вкладке «Работа»: в обычном «Чате» GPT-6 Pro на базе Astra есть лишь у Pro за $100 и $200, Business и Enterprise. Лимит Astra на Plus общий с Codex и зависит от задачи (по оценке OpenAI 5-45 сообщений за пятичасовое окно), так что перед большим прогоном загляните в Settings - Usage. На Free и Go доступна только Luna, без Sol и Astra; работает ли на ней этот приём, неизвестно.
  • Из России ChatGPT официально недоступен: страны нет в списке поддерживаемых, а доступ из неподдерживаемых стран может закончиться блокировкой аккаунта. Ролик не показывает, как автор получил доступ, эта часть за кадром.
  • Модель в примере сама честно написала, что не добавила логотип банка в макет, потому что в JSON нет исходного файла логотипа - только текстовые правила его использования. Точный векторный лого JSON не переносит.
  • Шрифты в стандарте - это "ближайший визуальный аналог", а не точное распознавание, цвета - оценочные HEX. Для веба и соцсетей этого хватает. Для печати и производства нет: в комментариях под роликом дизайнеры пишут про не те шрифты, плывущие в печати цвета, слабую чёткость мелких элементов и отсутствие полей под обрез. Для юридически строгого брендбука клиента тоже мало, сверяйте руками.
  • Ошибки разбора переносятся. Если модель промахнулась с цветом или шрифтом, промах попадёт в каждый следующий макет по этому JSON, об этом тоже пишут в комментариях. Проверьте стандарт сразу, а не после десятой карусели.
  • Пример в ролике - публичный сайт Т-Банка, чисто учебный кейс, не реальный клиентский проект автора.
  • Шаблон бесплатный, но ролик работает как приманка на телеграм автора: по его словам, шаблон лежит там. Сам документ при этом открытый и полный, платить за него не нужно, только OpenAI за модель.
  • Сам гугл-документ с шаблоном открыт на чтение без логина: 25 сентября он отдался и в браузере, и через экспорт в .txt. Но ссылка чужая и может исчезнуть или измениться - сохраните текст себе, если решите повторять.
  • Приём не прогонялся руками при подготовке карточки: вывод строится на разборе кадров ролика и полном чтении промпт-шаблона, а не на собственной генерации макетов.

Больше подобного

Разбираю по находке в день и складываю сюда. Свежее и то, что до сайта не доехало, выходит в канале «Евдокимов как обычно».