AI Product
Журнал вашей жизни
Визуальная система для AI-продукта, превращающего семейные чаты в еженедельные журналы
Задача
Создать целостную визуальную систему для Telegram-бота, который собирает семейные сообщения за неделю и превращает их в красивый журнал — с историями, фотографиями и воспоминаниями.
Исследование
Глубокий анализ мудборда из 162 референсов выявил ключевые визуальные механики: градиент+зерно, свечение изнутри, центральная композиция, отсутствие чётких лиц. На основе кластеризации сформулированы 4 концептуальных направления.
Каждый момент — источник света. Собранные вместе, они освещают всё. Журнал светится тем ярче, чем больше в него вложено.
Память размывается, но Кружок — это линза, через которую снова видно ясно. Что за пределами круга — блёр, внутри — чёткость.
Каждая неделя — новая баночка на полке. Открываешь через год — и закат четверга, смех субботы возвращаются.
Разные люди, разные точки на карте — но в воскресенье всё сходится в один кружок. Связь с логотипом.
Направления
Каждое направление — полноценная система с уникальной метафорой и визуальной логикой. Рекомендация: LUMINARIUM как основа с элементами COLLECTOR.
Luminarium
Clarifier
Collector
Confluence
Каждый момент — искра. Собираешь их вместе — получается свет.
Градиенты от тёмного к светлому. Руки как чаша, принимающая свет. Тёплые глубокие цвета: янтарь, охра, тёплый изумруд. Объекты светятся изнутри, освещая то, что рядом.
Память размывается. Кружок — линза, через которую снова видно ясно.
Центральный круг как зона фокуса. Внутри — чёткие детали, насыщенные цвета. Снаружи — градиентный разблёр, как сквозь запотевшее стекло.
Ты — коллекционер моментов. Каждая неделя — новая баночка на полке.
Баночки, сферы, капсулы — формы, которые "держат" содержимое. Реальность (фото) внутри нарисованной формы. Наивная графика контейнеров vs реалистичность содержимого.
Разные люди, разные точки на карте — но в воскресенье всё сходится в кружок.
Множество → единство. Разные элементы сходятся к центру. Форма кружка как точка слияния. Разные цвета/стили элементов, но общая композиция. Связь с логотипом буквальная.
Визуальная система
Display — Stolzl
Журнал вашей жизни
Body — Lora
Каждая неделя — это история, которую стоит сохранить.
Мягкие тени создают ощущение объёма и тактильности. Raised-элементы для кнопок, inset-эффекты для контентных блоков.
Минималистичный стиль с теплом. Зернистые градиенты, мягкие края, свечение изнутри. Без буквальных лиц — универсальность и приватность.
Результаты
Посадочная страница с hero-иллюстрацией, секциями продукта, демо журнала и формой подписки. Адаптивный дизайн с neumorphic-элементами.
Открыть лендинг →
Полное руководство по визуальной идентике: логотип, цвета, типографика, принципы использования, примеры применения на разных носителях.
Открыть брендбук →
Библиотека компонентов для Telegram Mini App и веба: кнопки, карточки, формы, навигация. Neumorphic-стиль с синхронизацией из брендбука.
Открыть UI Kit →Визуалы
3D-иллюстрации в стиле бренда. Яркие сферы с элементами интерфейса создают ощущение магии и технологичности одновременно.
Итоги
162
Референса
4
Концепции
12
Промптов
2000+
Строк документации