Философия
«Интерфейс — это рама, не картина. Но рама должна влюблять.»
Каждая картина — персонаж со своей историей. Дизайн создаёт переживание: замирание при первом взгляде, любопытство при скролле, желание владеть в финале.
Два мира — два настроения
МИР
где искусство дышит
ЛАВКА
где искусство находит дом
| Мир | Лавка | |
|---|---|---|
| Фон | #0f0f0f + spotlight | #faf7f2 крафт |
| Картины | Одна на экран | Masonry grid |
| Цена | Шёпот (delayed, opacity 0.4) | Громко (bold, сразу) |
| Скорость | ×1.5 медленнее | Стандартная |
| CTA | «Забрать себе» | «В корзину» |
Цветовая палитра
#F8F8F5
Background
Тёплый нейтрал
#1A1A1A
Foreground
Графит
#5C3D2E
Primary
Выжженная умбра
#A04030
CTA
Глубокий терракот
#F0EDE8
Surface
Лён
#D8D3CC
Border
Пепел
#7A7168
Muted
Камень
Семантические
#4A7C59
Success
Зелень мха
#C4881F
Warning
Охра
#B84040
Error
Глина
#4A6B8A
Info
Сланец
Типографика
Oranienbaum (серифный, создан для русского) + Inter (UI) + JetBrains Mono (цены)
Искусство — это история
Осенний пейзаж с рекой
Эта работа родилась после поездки в горы Кавказа. Каждый мазок — воспоминание о тумане над Эльбрусом, о запахе мокрой земли и тишине, которая бывает только на высоте трёх тысяч метров.
Холст, масло · 60×80 см · 2025
₽ 85 000
Кнопки
Карточки: Лавка
Hover → картина «приподнимается», появляется wishlist-сердце и overlay
Осенний пейзаж с рекой
Мария Иванова · Москва
₽ 45 000
Абстракция №7
Алексей Петров · СПб
₽ 28 000
Утро в саду
Ольга Сидорова · Казань
₽ 32 000
Концепт раздела «Мир»
Кураторская галерея. Не более 100 работ одновременно. Каждая — с историей, видео, сертификатом.
Один зал — одна картина
Тишина перед рассветом
Елена Козлова · холст, масло · 2025
от ₽ 120 000
от ₽ 120 000 · Узнать историю →
Навигация по настроению
Не фильтры — атмосфера. Выбери настроение, и галерея подстроится.
Журнальная лента (не grid!)
Три типа модулей чередуются: разворот → диптих → цитата. Ритм, как в Vogue.
Елена Козлова
Тишина перед рассветом
Работа родилась после трёх недель молчания в монастыре на Соловках. «Я рисовала то, что слышала в тишине — свет, который ещё не наступил, но который ты уже чувствуешь кожей.»
тема: тишина городов
Ночной Петербург
Андрей Волков
Москва после дождя
Ольга Сидорова
«Каждая картина — это письмо, которое художник пишет в будущее. И кто-то однажды его прочитает.»
Галерейные карточки (цена — шёпот)
Серия «Память воды»
Дмитрий Новиков
от ₽ 85 000
В частной коллекции
Ночной Петербург
Андрей Волков
В частной коллекции
Страница работы (Мир) — 6 экранов
Scroll = путешествие через историю создания.
1
Встреча
zoom-out фокусной точки
2
История
текст + видео + куратор
3
Подлинность
сертификат + детали
4
Интерьер
room mockup + галерея
5
Художник
профиль + приватный показ
6
Забрать
куратор + провенанс
Экран 2 · История создания
«Я рисовала то, что слышала в тишине — свет, который ещё не наступил, но который ты уже чувствуешь кожей. Три недели в монастыре на Соловках. Никакого интернета, никаких разговоров.»
🎧
Послушать историю · 2:34
Анна Соколова
Куратор · Русский авангард
«Техника лессировки создаёт прозрачность воздуха, которую невозможно передать цифровой репродукцией.»
Экран 3 · Подлинность
МИР
Сертификат подлинности
Автор
Елена Козлова
Работа
Тишина перед рассветом
Техника
Холст, масло
Размер
80 × 100 см
Год
2025
Сертификат №
AK-MIR-0047
QR
Также в галерее
Экспонируется: ул. Пречистенка, 21
Экран 5 · Художник + Приватный показ
Спросить куратора
Анна Соколова
Русский авангард, современная живопись
ответит в течение 2 часов
Приватный показ
30 минут наедине с художником и его работой
- 📹 Художник покажет работу крупным планом
- 🎨 Расскажет о процессе создания
- 💬 Ответит на любые вопросы
от 5 000 ₽ за встречу
Экран 6 · Забрать себе
₽ 120 000
Куратор ответит в течение 2 часов
🎨
Мастерская СПб
🏛
Выставка
📸
Мир
?
Вы?
Как попасть в Мир
«Мир — это не привилегия. Это признание. Мы ищем художников с голосом.»
Из Лавки
Продайте 10+ работ, получите рейтинг 4.8+ — куратор пригласит вас в Мир
Заявка
Портфолио 10-20 работ + artist statement + видео. Комиссия рассмотрит за 2 недели
Приглашение
По рекомендации действующего художника Мира. Особые условия
Оживление картин
Минимальная анимация для простых — сложная, поясняющая идею автора, для сложных. Каждая техника работает на мобильном, GPU-only.
Ken Burns
Медленный zoom+pan · 12s · для любых картин
Ambient Light
Свет скользит по поверхности · для портретов
Water Ripple
SVG feTurbulence · для морских пейзажей
Cursor Spotlight
Мышь = фонарик · hover чтобы увидеть · для сложных
Намеренно оставленная тень — символ утраты
Красный мазок — сердце композиции
Горизонт ниже трети — давление неба
Scroll Annotations
Аннотации куратора · hover чтобы увидеть · для сложных
Когда какую технику
| Тип картины | Техника | Сложность |
|---|---|---|
| Любая (каталог) | Ken Burns 12s + Breathing | Минимальная |
| Портрет, натюрморт | Ambient Light Shift | Минимальная |
| Морской пейзаж | SVG Water Ripple | Средняя |
| Пейзаж с глубиной | Layer Parallax (3-4 PNG) | Сложная (ручная) |
| Детальная живопись | Cursor Spotlight | Средняя |
| Концептуальная | Scroll Annotations | Сложная (куратор) |
Продвинутое: Layer Parallax (эффект глубины)
Картина разбита на 3 слоя. Двигай мышь над картиной — слои смещаются с разной скоростью.
Продвинутое: оживление конкретных картин
Эффект принадлежит картине — как если бы художник нарисовал его, но он ожил. Стиль эффекта совпадает со стилем живописи.
Продвинутое: раскрытие цвета
Картина начинает ч/б, цвет возвращается за 3 секунды. Акценты загораются первыми. Hover чтобы увидеть.
Фон рассказывает историю
Соловки. Монастырь. Три недели тишины. Каменные стены, северный свет, запах кедра. Вы не читаете об этом — вы это чувствуете.
Тишина перед рассветом
Елена Козлова · холст, масло · 2025
от ₽ 120 000 · Узнать историю →
Режиссура среды
| Слой | Что | Почему |
|---|---|---|
| Каменная стена | Текстура blur(20px), opacity 14% | Монастырские стены Соловков |
| Свеча (слева) | Маленький тёплый ореол, быстрое мерцание 4s | Единственный источник тепла |
| Северный свет (справа) | Большой холодный ореол, медленное дыхание 15s | Рассвет за окном — ещё не наступил |
| Луч из окна | Узкий (14%), статичный, mask затухает | Высокое монастырское окно |
| Пыль в луче | Мелкие золотые точки (1-2px), только в зоне луча | Настоящая пыль в солнечном свете |
| Дыхание | Лёгкие облачка, горизонтальный дрифт 22-28s | Холодная комната — видно дыхание |
| Слова на стенах | Фразы проявляются→гаснут, 6s цикл | Мысли, написанные на камне |
| Внутренний голос | Фразы художницы появляются как мысли (без UI) | Нет кнопки play — мысли приходят сами |
Студии-референсы
Топовые дизайн-студии, чьи техники мы адаптируем.
Locomotive
Монреаль · 7× Awwwards Agency of the Year
Cinematic scroll
Горизонтальный скролл галереи + плавные page transitions
Resn
Новая Зеландия · Getty Museum
Sculpting Harmony
Вертикальный таймлайн, scroll раскрывает историю создания
MONOGRID
Италия · 13 Awwwards SOTD
Immersive eCommerce
Layered parallax hero + cursor-following + тёмный фон gold/cream
Porto Rocha
Нью-Йорк · Brooklyn Museum
Editorial identity
Крупный тип, много воздуха, минимум UI-шума — story-first
Basement Studio
Аргентина · Premium products
Grainy gradients
Grain texture как элемент бренда. Шум = текстура холста
&Walsh
Нью-Йорк · Sagmeister & Walsh
Emotional narratives
Каждая страница художника = emotional statement, не CV
Google Arts & Culture
Global · Art Zoom
Night Watch 44.8 Gpx
Progressive detail reveal: zoom до мазка кисти
Анимации (живые примеры)
17 анимаций. GPU-only. prefers-reduced-motion respected.
Снятие покрова
Шаг к картине
hover ↑
Дыхание
Clip-path проявка
Продано (штамп)
Продано
Countdown
4
7
:
5
9
Wishlist
нажми ↑
Заметка куратора
Анна Соколова
Куратор платформы
«Работа Козловой — попытка зафиксировать момент абсолютной тишины за секунду до рассвета. Техника лессировки создаёт прозрачность воздуха, которую невозможно передать репродукцией.»
Навигация
Desktop
Mobile
Доверие
SSL
МИР / ЮKassa
Доставка по РФ
Возврат 7 дней
Сертификат
Telegram
Эмоциональные референсы
Сайты-победители Awwwards/FWA, техники которых мы адаптируем.
Jeff Koons: Moon Phases
jeffkoonsmoonphases.com
Двойной режим галереи
Переключение список↔сетка. Тот же контент — новый смысл. Для нас: Мир↔Лавка через layoutId.
Ottografie 2025
ottografie.com
Фон адаптируется под картину
Color Thief → доминирующий цвет → фон карточки. Каждая картина создаёт свою атмосферу.
Fondation Louis Vuitton
fondationlouisvuitton.fr
Price Whisper
Цена — тот же шрифт, тот же размер, что и текст. Рядом с именем художника, не с кнопкой купить.
Khalili Collections
khalilicollections.org
Progressive disclosure
Детали появляются при «приближении». Clip-path + Framer Motion для раскрытия истории.
House of Corto
houseofcorto.com
Переменный размер карточек
Одна карточка в ряду крупнее — визуальный акцент. CSS Grid span 2 для избранных работ.
Unseen Studio Wrapped
unseen.studio
Данные как искусство
Числа «считаются» при входе в viewport. Прямой референс для Art Wrapped (козырь #10).