Кружок — семейный журнал AI Product

Кружок

Журнал вашей жизни

Визуальная система для AI-продукта, превращающего семейные чаты в еженедельные журналы

Листать

Собрать визуальную идентику

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

162 референса → 4 направления

Глубокий анализ мудборда из 162 референсов выявил ключевые визуальные механики: градиент+зерно, свечение изнутри, центральная композиция, отсутствие чётких лиц. На основе кластеризации сформулированы 4 концептуальных направления.

Свет изнутри

Каждый момент — источник света. Собранные вместе, они освещают всё. Журнал светится тем ярче, чем больше в него вложено.

🔍

Волшебная линза

Память размывается, но Кружок — это линза, через которую снова видно ясно. Что за пределами круга — блёр, внутри — чёткость.

🫙

Баночки с моментами

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

Вместе в кружок

Разные люди, разные точки на карте — но в воскресенье всё сходится в один кружок. Связь с логотипом.

4 визуальных концепции

Каждое направление — полноценная система с уникальной метафорой и визуальной логикой. Рекомендация: LUMINARIUM как основа с элементами COLLECTOR.

Luminarium Luminarium
Clarifier Clarifier
Collector Collector
Confluence Confluence
Luminarium
01

LUMINARIUM

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

Градиенты от тёмного к светлому. Руки как чаша, принимающая свет. Тёплые глубокие цвета: янтарь, охра, тёплый изумруд. Объекты светятся изнутри, освещая то, что рядом.

luminous warmth-from-within tender
Clarifier
02

CLARIFIER

Память размывается. Кружок — линза, через которую снова видно ясно.

Центральный круг как зона фокуса. Внутри — чёткие детали, насыщенные цвета. Снаружи — градиентный разблёр, как сквозь запотевшее стекло.

clarity focus soft-edges
Collector
03

COLLECTOR

Ты — коллекционер моментов. Каждая неделя — новая баночка на полке.

Баночки, сферы, капсулы — формы, которые "держат" содержимое. Реальность (фото) внутри нарисованной формы. Наивная графика контейнеров vs реалистичность содержимого.

collect preserve playful
Confluence
04

CONFLUENCE

Разные люди, разные точки на карте — но в воскресенье всё сходится в кружок.

Множество → единство. Разные элементы сходятся к центру. Форма кружка как точка слияния. Разные цвета/стили элементов, но общая композиция. Связь с логотипом буквальная.

converge together weave
Полный документ концепции →

Цвета, типографика, стиль

Палитра

Navy
Magenta
Teal
Coral
Gold
Blue
Cream
Sand

Типографика

Display — Stolzl

Журнал вашей жизни

Body — Lora

Каждая неделя — это история, которую стоит сохранить.

Neumorphic Style

Мягкие тени создают ощущение объёма и тактильности. Raised-элементы для кнопок, inset-эффекты для контентных блоков.

Иллюстрации

Минималистичный стиль с теплом. Зернистые градиенты, мягкие края, свечение изнутри. Без буквальных лиц — универсальность и приватность.

Что сделано

Landing Page

Landing Page

Посадочная страница с hero-иллюстрацией, секциями продукта, демо журнала и формой подписки. Адаптивный дизайн с neumorphic-элементами.

Открыть лендинг →
Brandbook

Brandbook

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

Открыть брендбук →
UI Kit

UI Kit

Библиотека компонентов для Telegram Mini App и веба: кнопки, карточки, формы, навигация. Neumorphic-стиль с синхронизацией из брендбука.

Открыть UI Kit →

Иллюстрации для проекта

3D-иллюстрации в стиле бренда. Яркие сферы с элементами интерфейса создают ощущение магии и технологичности одновременно.

Иллюстрация
Иллюстрация
Иллюстрация
Иллюстрация
Иллюстрация
Иллюстрация
Иллюстрация

Проект в цифрах

162

Референса

4

Концепции

12

Промптов

2000+

Строк документации