Бренд-гайд YouMind

Автор:
Nnene@YouMind.AI
Установили
94
КатегорияСлайды
ОтYouMind

Почему нам нравится этот скилл

Этот навык предоставляет всесторонний бренд-гайд, обеспечивая единую визуальную идентичность для презентаций YouMind. Он детально описывает цветовые палитры, типографику, системы макетов и уникальные элементы, нарисованные от руки, включая иллюстрации персонажей с определенными синими акцентами. Идеально подходит для поддержания целостного и профессионального имиджа бренда во всех визуальных коммуникациях.

Инструкции

## Цветовая палитра

Основные цвета

**Фон**

- Цвет: `#f2f2f0`

- Описание: Светлый нейтральный кремовый оттенок, чистый и минималистичный.

- Использование: Все фоновые изображения слайдов без исключения

**Основной текст и строки**

- Цвет: `#2B2B2B` или `#1A1A1A`

- Описание: Очень тёмно-серый, почти чёрный

- Применение: Весь текстовый контент, разделительные линии заголовков, геометрические контуры, контуры символов.

### Акцентные цвета

**Яркий синий**

- Цвет: `#5B7FFF` (альтернативный вариант: `#4D6FE8`)

- Описание: Средне-яркий синий цвет с оттенком энергии.

- Применение: Круговые узлы на геометрических фигурах, одежда/шарфы персонажей, заливка пуговиц, декоративные точки.

**Приглушенное золото**

- Цвет: `#C9B568` (альтернативный вариант: `#D4C17A`)

- Описание: Теплый горчично-золотистый оттенок

- Применение: Круглые узлы на геометрических фигурах (чередующиеся с синим цветом), декоративные акценты.

### Правила нанесения цвета

- Фон ВСЕГДА имеет вид `#E8E6E3`

- Текст ВСЕГДА имеет вид `#2B2B2B`

- Синий и золотой цвета используются ТОЛЬКО для круглых узлов и акцентов символов.

— Никогда не используйте синий или золотой цвет в качестве основных цветов блоков или текста.

- Поддерживайте высокий контраст между текстом и фоном.

## Система типографики

### Семейства шрифтов

**Основной шрифт для заголовков: Roca Two (или аналогичный шрифт с крупными засечками)**

- Характеристики: Смелый, дружелюбный шрифт с засечками и округлыми линиями.

- Вес: Жирный/Толстый

- Использование: Все заголовки слайдов, основные заголовки, заголовки разделов

- Сохраните тот же шрифт

**Дополнительный шрифт для основного текста: Poppins (или Inter)**

Характеристики: Чистый, современный шрифт без засечек с отличной читаемостью.

- Вес: Обычный (400) для тела, Средний (500) для акцента

- Использование: Весь основной текст, подзаголовки, подписи, номера страниц, текст логотипа.

- сохранить тот же шрифт

### Иерархия размеров шрифта

**Крупный шрифт** (титульные слайды, разделители основных разделов)

- Шрифт: **Roca Two**

- Размер: 72-96 пунктов

- Цвет: `#2B2B2B`

- Использование: "Главный заголовок", "Спасибо", "Повестка дня"

**Крупные заголовки** (Заголовки слайдов с содержанием)

- Шрифт: **Roca Two**

- Размер: 48-60 пунктов

- Цвет: `#2B2B2B`

- Использование: «Наше видение», «Позиционирование бренда», «О чем YouMind?»

**Основной текст** (абзацы, описания)

- Шрифт: Poppins Regular

- Размер: 18-24 пт

- Цвет: `#2B2B2B`

- Высота строки: 1,6-1,8

- Использование: Весь контент абзацев, описания

**Мелкий текст** (Номера страниц, нижний колонтитул, подписи)

- Шрифт: Poppins Regular

- Размер: 16-18 пунктов

- Цвет: `#2B2B2B`

- Использование: "Страница X", URL-адреса веб-сайтов, адреса электронной почты

**Текст кнопки/таблетки**

- Шрифт: Poppins Regular или Medium

- Размер: 20-24 пт

- Цвет: `#2B2B2B`

- Применение: Текст внутри закругленных кнопок-таблеток

### Правила типографики

— Никогда не смешивайте шрифты с засечками — используйте только **Roca Two** для отображения.

- Никогда не используйте засечки для основного текста - только шрифт Poppins.

- Для улучшения читаемости поддерживайте постоянную высоту строки (1,6-1,8).

- Весь текст должен быть в формате `#2B2B2B` - без исключений

- Щедрое расстояние между абзацами (24-32 пт)

## Система компоновки

### Глобальная структура заголовка

**Только титульный слайд (страница 1):**

**Элемент левого заголовка:**

- Логотип

- Размер: диаметр 32-40 пунктов

- Цвет: Черный контур `#2B2B2B`

- Положение: 60-80 пикселей от левого края, 60-80 пикселей от верхнего края

- Расстояние между логотипом и текстом: 12-16 пикселей.

**Правый элемент заголовка:**

- Шрифт: Poppins Regular, 16-18pt

- Цвет: `#2B2B2B`

- Положение: 60-80 пикселей от правого края, 60-80 пикселей от верхнего края

— Выравнивание: по правому краю

**Разделитель заголовка:**

- Тонкая горизонтальная линия

- Вес: 1-2 пинты

- Цвет: `#2B2B2B`

- Позиционирование: Под элементами заголовка, занимая всю ширину с полями.

— Отступы от краев: 60-80 пикселей слева и справа.

**Слайды с содержанием (страницы 2-4) и заключительный слайд (страница 5):**

- Логотип YouMind отсутствует

- Только текст "Страница X"

- Расположение: верхний правый угол, нижний центр или другое незаметное место.

- Отсутствует разделительная линия заголовка

— Больше вертикального пространства для размещения контента

### Система маржи

**Стандартные поля:**

- Верхняя граница: 60-80 пикселей (под разделителем заголовка добавьте еще 40-60 пикселей)

- Нижний край: 60-80 пикселей

- Левая сторона: 80-100 пикселей

- Справа: 80-100 пикселей

**Область контента:**

— С учетом заголовка и полей, область контента составляет приблизительно 1200-1280 пикселей в ширину × 600-680 пикселей в высоту (для соотношения сторон 16:9 при разрешении 1920×1080).

## Визуальные элементы

### Геометрические фигуры, нарисованные от руки

**Основной дизайн:**

- Стиль: Несовершенные, нарисованные от руки прямоугольники и квадраты.

- Толщина линии: 2-3 пункта

- Цвет: Черный `#2B2B2B`

- Качество: Органичные, слегка неровные линии (не идеально прямые)

- Соединение: Линии, соединяющие фигуры под разными углами.

**Круговые узлы:**

- Форма: Идеальные круги

- Размер: диаметр 24-40 пунктов

- Заливка: сплошной цвет - либо `#5B7FFF` (синий), либо `#C9B568` (золотой)

- Расположение: В точках соединения и углах геометрических фигур.

- Узор: чередование синего и золотого для разнообразия.

**Правила распределения:**

- Расположение в углах слайдов (верхний левый, верхний правый, нижний левый, нижний правый)

- Никогда не перекрывайте текстовое содержимое.

- Держитесь на расстоянии 40-60 пикселей от областей контента.

— Создайте визуальный баланс: если слева есть фигуры, то и справа они должны быть.

Типичная схема: 2-4 соединенных прямоугольника с 3-6 круглыми узлами.

### Закругленные пуговицы-таблетки

**Технические характеристики:**

- Форма: Закругленный прямоугольник (форма таблетки)

- Граница: 2pt сплошной черный `#2B2B2B`

- Заливка: прозрачная или `#E8E6E3` (аналогично фону)

- Радиус скругления углов: радиус по всей высоте (идеальная форма таблетки)

- Отступы: 16-24 пикселя по горизонтали, 12-16 пикселей по вертикали

- Текст: Poppins Regular, 20-24pt, `#2B2B2B`

**Применение:**

— Элементы навигации на слайдах повестки дня

- Кнопки призыва к действию

- Метки разделов

- Всегда контурный, никогда не закрашенный.

**Состояние при наведении курсора/активное состояние (при взаимодействии):**

- Заливка: `#5B7FFF` (синий)

- Текст: Белый `#FFFFFF`

- Граница: `#5B7FFF`

### Декоративные точечные сетки

**Технические характеристики:**

- Точки: маленькие круги, диаметром 3-4 точки.

- Цвет: `#2B2B2B`

- Шаблон: Обычная сетка, интервал 12-16 пикселей.

- Расположение: сетка 6×6 или 8×8

— Положение: верхний правый угол, на расстоянии 100-150 пикселей от краев.

- Применение: Дополнительный акцент, добавляет визуальный интерес, не перегружая пространство.

### Иконки (минимальное использование)

**Стиль:**

— Только контурный рисунок, без заливки.

- Вес: 2-3 пинты

- Цвет: `#2B2B2B`

- Размер: 48-64 пт

- Примеры: значок глаза (обзор), цель/прицел (миссия)

- Применение: Использовать экономно, только для закрепления конкретных понятий.

## Система иллюстраций персонажей

### Технические характеристики дизайна персонажей

**Базовая структура:**

— Минималистичная, нарисованная от руки иллюстрация простого белого человекоподобного персонажа. У персонажа округлая, вытянутая голова, два маленьких черных глаза и выступающий заостренный нос. У него нет четко выраженных пальцев на руках или ногах. На шее у него толстый, длинный, однотонный синий шарф [опционально: замените на «горчично-золотой шарф»], хвост которого свисает вниз. В стиле рисунка используются толстые, текстурированные контуры черным маркером и плоские цвета без затенения на простом, кремово-белом фоне. Персонаж [что соответствовало контексту]

**Синий акцент (КРИТИЧЕСКИ ВАЖНО):**

- Элемент: шарф, рубашка или предмет одежды

- Цвет: `#5B7FFF` (ярко-синий)

- Стиль: Нарисованные от руки, плавные органические формы.

- Заполнение: 15-25% символов

- Цель: Фирменный стиль, визуальный интерес, движение.

**Стильная согласованность:**

- Всегда качество ручной работы (органичные, несовершенные линии)

— Всегда добавляйте синий акцентный элемент.

- Сохраняйте одинаковую толщину линий для всех символов.

- Сохраняйте одинаковые пропорции во всех позах.

### Руководство по созданию минималистичных иллюстраций

**Простота прежде всего:**

- Все иллюстрации должны быть предельно простыми и минималистичными.

Высота символов НЕ должна превышать 120 пунктов (примерно 10-12% от высоты слайда).

— Геометрические элементы должны быть небольшими и располагаться только в углах.

- Общая площадь, занимаемая иллюстрацией, должна составлять менее 15% от площади слайда.

— Избегайте сложных или детализированных чертежей.

**Пространство и возможность дышать:**

— Сохраняйте достаточное количество свободного пространства на протяжении всего слайда.

- Текст должен занимать не более 50-55% площади контента (обычно слева).

Правая сторона должна оставаться преимущественно пустой для визуального комфорта.

- Большие поля со всех сторон: минимум 100 пикселей, предпочтительно 100-120 пикселей.

- Иллюстрации размещаются только в нижнем правом углу, на расстоянии не менее 100 пикселей от краев.

**Распределение запасов:**

Центральная часть горки должна быть чистой и пустой.

— Избегайте захламления или заполнения всего доступного пространства.

— Стратегически используйте пустое пространство для создания фокуса и ясности.

— Меньше значит больше: удалите ненужные визуальные элементы.

- Приоритет отдается читаемости и простору, а не декору.

Слайды

Описание

Превратите любую презентацию с помощью бренд-гайда YouMind. Создавайте профессиональные слайды, соответствующие вашему бренду, с единообразной типографикой, цветами и макетом, которые каждый раз без труда захватывают внимание аудитории.

Похожие скиллы

Посмотреть все
Слайды

Пиксельный дизайнер PPT Pro

Кто сказал, что профессиональная PPT обязательно должна быть белый фон, черный текст, сине-серые цвета и шаблонные решения? Если вы любите игры, обожаете пиксельный стиль и вам нужно сделать защиту диплома, отчет, презентацию знаний или бренд-предложение — вам обязательно стоит попробовать это. Дизайнер пиксельных презентаций Pro делает очень простое: скелет верен профессионализму, кожа верна пикселям. Он не создает для вас «креативную пиксельную презентацию», а делает серьезную PPT, которая подходит для любого профессионального случая — просто эта PPT одета в эстетику 16-битных пиксельных игр. Основная философия дизайна: разделение скелета и кожи. Информационная архитектура, визуальные линии, шаблоны страниц верны профессиональным стандартам сцены; цвета, рамки, иконки, украшения верны общей пиксельной игровой эстетике. Текст никогда не пикселизируется, обеспечивая читаемость за 0,8 секунды; пиксельные элементы появляются только на фоне, рамках, иконках и атмосферных украшениях. Не используются символы, уникальные для конкретных игр, только общеигровые символы — свечи, книги, монеты, звезды, сердца, кристаллы — чтобы все любители пиксельного стиля могли ими пользоваться. 🎮 Как использовать? Два режима на выбор: ① Прямой режим (2 шага): введите тему/материал → AI выделяет структуру и подтверждает → полный вывод изображений. Подходит для срочных ситуаций, когда требования к тексту невысоки. ② Детальный режим (3 шага, экономит очки): введите тему/материал → AI выделяет структуру и подтверждает → постраничное подтверждение текста → полный вывод изображений. Сначала фиксируете текст на каждой странице, затем генерируете все изображения сразу — избегая траты очков на переделку, когда изображения готовы, а текст неверен. Для важных случаев используйте этот режим: точный контроль содержания и экономия. 🏰 Четыре профессиональных сценария с адаптивной глубиной проникновения: Академическая защита — в основном легкое проникновение, среднее на обложке, глубокое на страницах с данными для акцента. Члены комиссии сразу понимают, а на ключевых страницах глаза разбегаются. Рабочий отчет — легкое проникновение + среднее на страницах показателей, рискованные страницы не пикселизируются. Руководитель видит профессионализм, коллеги запоминают стиль. Презентация знаний — в основном среднее проникновение + глубокое для синтетического рецепта. Используйте «синтетический рецепт» вместо скучных блок-схем, чтобы знания запоминались как игровые предметы. Бренд-предложение — адаптируется к теплоте бренда. Холодные бренды сдерживают пиксели, теплые бренды обнимают сценарий. 🎨 Что вы получите? ① Полноценная профессиональная PPT в пиксельном стиле (формат YouMind Slides, в онлайн-редакторе можно продолжать редактировать текст, настраивать макет, управлять порядком страниц — измените, если не нравится. Рекомендуется завершить все правки в YouMind, после экспорта на локальный компьютер формат изображения) ② Трехуровневая система пиксельных деревянных рамок (#5C3A1E внешний слой + #8B5E3C внутренний слой + #F5E6D3 заполнение, единый визуальный язык по всей презентации) ③ Инфографика «Синтетический рецепт» (ячейка ингредиентов → круг синтеза → ячейка результата, заменяет традиционные блок-схемы, визуальный якорь, понятный RPG-игрокам) ④ Адаптивный ритм проникновения для четырех сценариев (не каждая страница забита пикселями, а где надо — густо, где надо — редко) ⑤ Два режима (прямая генерация для повседневности, детальная шлифовка для важных случаев — сначала утверждение, потом генерация, экономия очков) 399 очков, чтобы одеть ваш профессиональный контент в 16-битную броню. Те, кто любит пиксельный стиль, знают, сколько стоит эта броня.

B
0399
Слайды

Чистый минимализм: PPT отчетов

«Чистый минимализм» — это Skill для создания минималистичных слайдов для исследовательских отчетов. Загрузите Word, PDF, веб-страницы, таблицы, исследовательские материалы или старые PPT, и они будут преобразованы в редактируемый PPT с холодным белым фоном, черно-серым текстом, большими полями, тонкими линиями-разделителями и небольшими темно-красными акцентами. Он автоматически выполнит: · чтение и систематизация исходных материалов · извлечение ключевых выводов отчета · построение полной сюжетной линии презентации · создание заголовков по одному выводу на страницу · перерисовка нативных редактируемых диаграмм и графиков · унификация шрифтов, цветов, полей и сетки страниц · контроль плотности текста и графиков на каждом слайде · добавление номеров страниц, дат и источников данных · вывод фактически редактируемых Slides По умолчанию используется соотношение 16:9, визуальные особенности включают: · холодный белый фон · черно-серый текст · единый темно-красный акцентный цвет · все выровнено по левому краю · большие области пустого пространства · минималистичная архитектурная геометрия · не более двух шрифтов во всем наборе · диаграммы и фигуры доступны для редактирования Подходит для отраслевых исследований, рыночного анализа, бизнес-презентаций, стратегических планов, учебных отчетов, дипломных защит и отчетов для руководства. Просто загрузите материалы и опишите сценарий презентации, и вы получите чистый, профессиональный, минималистичный PPT, который можно сразу редактировать и показывать.

25
Слайды

Рисованные электронные Slides

Преобразуйте ваш контент по теме, статьи, знания или учебные материалы в набор творческих и теплых Slides в стиле «рисованной электронной доски». Независимо от того, нужно ли вам представить ключевые идеи, учебный контент или поделиться личными мыслями, мы сможем их выделить и представить в свежем, живом визуальном формате. Этот навык отлично упрощает сложную информацию. Каждый Slide сосредоточен на одной ключевой теме, дополнен яркими рисованными иллюстрациями и четкими краткими пунктами. Мы имитируем ощущение классной доски, когда учитель пишет на электронной доске, используя светло-голубой фон экрана, заголовки, написанные от руки красным и синим цветом, и добавляя рисованные элементы, такие как звезды и сердечки, чтобы сделать обучение и обмен более легкими и увлекательными. Будь то интерпретация цитат, пошаговые инструкции, научно-популярные знания, детское воспитание, мотивационный рост или темы AI и технологий, этот навык автоматически подбирает наиболее подходящий визуальный способ выражения. Итоговые Slides будут в формате 16:9, с естественным рукописным шрифтом, мягкими цветами и единым стилем, что сделает ваш контент одновременно профессиональным и дружелюбным, как теплые и интересные карточки знаний.

10200

Найди свой следующий любимый скилл

Изучи больше отобранных AI-скиллов для исследований, творчества и повседневной работы.

Изучить все скиллы