G
Screen Design Guideline
YTFP · Ассистент Здоровья · v1.0
aboutО гайдлайне
Визуальная система для YouTube-канала программы «Ассистент Здоровья» фонда «Правмир». Канал о кохлеарной имплантации, тугоухости у детей и слухоречевой реабилитации.
Каталог определяет типы экранов для этапа Pre-Edit. Шахматный паттерн обозначает зону спикера.
15 типов экранов в 6 категориях · 1 шрифт (Montserrat, Google Fonts) · 10 цветов
colorsПалитра
Основные + акценты
Background
#1B2144
Основной фон
Panel
#222B52
Карточки, хедер
Brand Gradient
#5B6AD4 → #3D4EAF
Логотип, бейджи
Accent
#5B6AD4
Выделения, ссылки
Secondary
#3D4EAF
Вторичный акцент
White
#ECEDF8
Основной текст
Правмир Yellow
#F0B429
Запасной акцентный
Функциональные
Card
#252E58
Фон карточек
Muted
#8A8FB0
Подписи, подсказки
Error
#E05555
Негатив, предупреждения
Success
#4ADE80
Позитив, галочки
fontsТипографика
Google Fonts (бесплатно)
Montserrat — Headlines
АССИСТЕНТ ЗДОРОВЬЯ
Кохлеарная имплантация
Заголовки секций, имена спикеров, номера шагов. ALL CAPS.
Weights: 700 (Bold), 900 (Black)
Montserrat — Body
Путь от диагноза до речи
Реабилитация после кохлеарной имплантации
Текст, списки, подписи, описания, статистика.
Weights: 300 (Light), 400, 600, 700
Шкала размеров
ЗАГОЛОВОКMontserrat Black 36-42px · Заголовки секций
ПОДЗАГОЛОВОКMontserrat Bold 20-24px · Имена, разделы
Основной крупныйMontserrat Bold 20-22px · Заголовки слайдов
Основной текстMontserrat Regular 16-18px · Списки, текст
Подпись / HintMontserrat Light 12-14px · Подписи
A3 типа
Заголовки и навигация
Способы показать заголовок/тему — выбирай один (иногда два) на сегмент
section_titleSection Title
КОХЛЕАРНАЯ
ИМПЛАНТАЦИЯ
Описание
Крупный жирный текст по центру на тёмном фоне с градиентом. Без спикера.
Когда использовать
Начало нового блока: Диагноз, Реабилитация, Результаты, Специалисты, Жизнь после КИ
Лимит текста
2 строки, 5-6 слов, ALL CAPS
Ключевые слова
диагнозреабилитацияоперацияспециалистрезультатмаршрутжизнь после КИ
lower_thirdLower Third Title
Описание
Заголовок темы поверх видео спикера — плашка внизу кадра с акцентной границей сверху.
Когда использовать
Заголовок раздела поверх спикера, когда не нужен полноэкранный section_title.
Лимит текста
2 строки (заголовок + подзаголовок)
Ключевые слова
темаразделглаваэтапсовет
step_cardsStep Cards
ЭТАП 1
Подозрение
ЭТАП 2
Диагноз
ЭТАП 3
Операция
ЭТАП 4
ЭТАП 5
Описание
Карточки шагов — progressive reveal проводит зрителя через маршрут. Заполняются по мере продвижения видео.
Когда использовать
Маршрут от диагноза до реабилитации, этапы операции, путь семьи, план занятий.
Лимит текста
7 карточек, 2-3 слова в каждой
Ключевые слова
маршрутэтапподготовкаоперацияреабилитацияшколапроцесс
B5 типов
Текстовые экраны
Списки, тезисы, представление спикера, прогресс
talking_headTalking Head
Описание
Чистый кадр спикера без оверлеев. Самый сильный тип для эмоционального воздействия.
Когда использовать
Hook, эмоциональные моменты мамы, реакция ребёнка на звук, откровенные истории, важные предупреждения.
Лимит текста
0 — экран полностью чистый
Ключевые слова
hookистория мамыважнопослушайтемой ребёнокдиагнозпервый звук
side_slide_textSide Slide — Text
Признаки тугоухости
- Не реагирует на звуки
- Задержка речевого развития
- Просит повторить
- Громко включает ТВ
Обратитесь к сурдологу
Описание
Текст/тезисы слева (55%), видео спикера справа (45%). Заголовок акцентным цветом.
Когда использовать
Признаки тугоухости, показания к КИ, этапы реабилитации, права семьи, рекомендации специалиста.
Лимит текста
Заголовок + 5 bullet points + сноска
Ключевые слова
признакипоказанияэтапыправарекомендациивключаетпотому что
side_slide_pillsSide Slide — Pills
Миф: КИ даёт слух сразу
Факт: нужна реабилитация
Занятия каждый день
Описание
Цветные pill-метки слева + спикер справа. Градиентный фон у пилл.
Когда использовать
Краткие выводы, мифы и факты, что делать / не делать, ключевые рекомендации.
Лимит текста
4 pills, каждый до 4 слов
Ключевые слова
миффактпомогаетне помогаетделатьне делатьвывод
numbered_listNumbered List
1Аудиометрия
2МРТ и КТ
3Консилиум
4Операция
5Подключение
Описание
Вертикальный список с нумерованными бейджами с градиентом. Без спикера.
Когда использовать
Перечисление 3-8 пунктов: 5 мифов о тугоухости, этапы обследования, виды слуховых аппаратов.
Лимит текста
8 строк, каждая до 5 слов
Ключевые слова
мифыэтапывидыпризнакикритериипричинышаги
speaker_introSpeaker Intro
Описание
Плашка представления: имя + должность/организация поверх видео спикера. Акцентная линия.
Когда использовать
Первое появление мамы, врача, сурдопедагога, нейропсихолога, логопеда в видео.
Лимит текста
Имя + должность/организация (2 строки)
Ключевые слова
мамасурдопедагогнейропсихологлогопедаудиологдефектологпсихолог
C2 типа
Диаграммы
Схемы процессов, сравнения до/после
flow_processFlow / Process
Подозрение
→
Диагноз
→
Операция
→
Реабили-
тация
тация
Описание
Блоки со стрелками: A → B → C. Показывает последовательный процесс или причинно-следственные связи.
Когда использовать
Путь от подозрения до реабилитации, маршрут семьи, механизм работы КИ, этапы оформления инвалидности.
Лимит текста
3-5 блоков, 1-2 слова каждый
Ключевые слова
маршрутпутьпроцессприводит кзатемдалееворонка
comparisonComparison
Слуховой
аппарат
аппарат
Усиление звука
Кохлеарный
имплант
имплант
Прямая стимуляция
Описание
Два объекта рядом с разными цветами. Вертикальные полосы показывают относительные значения.
Когда использовать
КИ vs слуховой аппарат, до/после реабилитации, ОМС vs платные занятия, ранняя vs поздняя имплантация.
Лимит текста
2 варианта, 3-4 строки текста в каждом
Ключевые слова
vsсравнениедо/послеКИслуховой аппаратлучшеразница
D2 типа
Данные и графики
Столбчатые графики, ключевые цифры
chart_barsChart — Bars
Прогресс ребёнка по месяцам
1 мес6 мес12 мес
Описание
Столбчатая диаграмма с категориями. Столбцы с градиентной заливкой.
Когда использовать
Статистика тугоухости, стоимость реабилитации по регионам, прогресс ребёнка по месяцам.
Лимит текста
6-12 столбцов, подписи на осях
Ключевые слова
статистикаданныестоимостьпроцентпо регионамрост
stat_highlightStat Highlight
250₽
= 1 занятие с сурдопедагогом
Пожертвуйте на fondpravmir.ru
Описание
Крупная цифра с акцентным цветом по центру + пояснительный текст. Контекст для пожертвований или фактов.
Когда использовать
Ключевые числа: 250₽ = 1 занятие, 1 из 1000 детей рождается с тугоухостью, 3 года — критическое окно.
Лимит текста
1 цифра + 1-2 строки пояснения
Ключевые слова
цифрарублейпроцентдетейзанятиестоимостьфакт
E1 тип
Мультимедиа
Карты видео, навигация по контенту
video_mapVideo Map
Это видео
→
Что такое КИ?
→
Реабилитация
→
История мамы
Описание
Одно видео → ветвление на 3-5 связанных видео со стрелками.
Когда использовать
CTA для связанного контента, навигация по темам канала, рекомендации серии.
Лимит текста
1 центральное + 3-5 ветвей
Ключевые слова
посмотритедругое видеосерияплейлистподробнее
F2 типа
UI-элементы
CTA, QR для пожертвований, end screen
cta_donateCTA / Donate
Описание
QR-код для пожертвования + заголовок призыва + сумма-пример поверх спикера. Кнопка «Помочь».
Когда использовать
Призыв к пожертвованию, конец видео, после эмоциональной истории, рассказ о программе.
Лимит текста
Заголовок + QR + сумма (3 элемента)
Ключевые слова
помочьпожертвование250 рублейфондподдержатьзанятие
ctvCTV / End Screen
Описание
End screen: градиент слева с YouTube-карточкой + спикер справа.
Когда использовать
Последние 20 сек видео, призыв посмотреть следующее видео или подписаться.
Лимит текста
Превью видео + заголовок
Ключевые слова
конецследующее видеоend screenподписка