Kandinsky Lab | Website

Kandinsky Lab | Website — Изображение №1 — Интерфейсы, Нейро на Dprofile
Kandinsky Lab | Website — Изображение №2 — Интерфейсы, Нейро на Dprofile
Kandinsky Lab | Website — Изображение №3 — Интерфейсы, Нейро на Dprofile
Kandinsky Lab | Website — Изображение №4 — Интерфейсы, Нейро на Dprofile
Kandinsky Lab | Website — Изображение №5 — Интерфейсы, Нейро на Dprofile
Kandinsky Lab | Website — Изображение №6 — Интерфейсы, Нейро на Dprofile
Kandinsky Lab | Website — Изображение №7 — Интерфейсы, Нейро на Dprofile
Kandinsky Lab | Website — Изображение №8 — Интерфейсы, Нейро на Dprofile
Kandinsky Lab | Website — Изображение №9 — Интерфейсы, Нейро на Dprofile
Kandinsky Lab | Website — Изображение №10 — Интерфейсы, Нейро на Dprofile
Kandinsky Lab | Website — Изображение №11 — Интерфейсы, Нейро на Dprofile
Kandinsky Lab | Website — Изображение №12 — Интерфейсы, Нейро на Dprofile

Примеры контент-промптов (всего 140 медиа-файлов):

Промпт 1:
Огромные пышные пионы разных оттенков находятся внутри идеально прозрачных мыльных пузырей. Пузыри с цветами медленно и плавно поднимаются вверх в воздух, один за другим и на разной высоте. Пионы полностью помещаются внутри пузырей, не выходят наружу и сохраняют форму и лепестки. На поверхности пузырей переливаются радужные блики, вокруг летают маленькие капли воды. Камера смотрит снизу вверх и плавно следует за поднимающимися пузырями. Волшебная воздушная атмосфера, мягкий солнечный свет, фотореалистичные цветы и мыльная плёнка, кинематографичная съёмка. Без речи, только лёгкие звуки воздуха.

Промпт 2:
Мутант-учёный в стиле яркой фантастической компьютерной игры стоит в необычной лаборатории и смешивает два светящихся вещества в стеклянной колбе. Смесь внезапно начинает быстро увеличиваться в объёме и заполняет колбу пеной. Мутант удивлённо смотрит на колбу, затем в камеру и говорит: «Ааааа! Я перепутал формулу! Как так?». Он активно двигает ртом и губами во время всей фразы, чётко артикулирует каждое слово, точная синхронизация губ с голосом. Выразительная мимика, комичный момент, яркая фантастическая атмосфера.

Промпт 3:
Общий кинематографичный план. Девушка идёт по фантазийному лесу, где огромные светящиеся грибы растут среди деревьев. Она касается ладонью одного гриба, и по всему лесу мгновенно загораются сотни маленьких огоньков. В воздух поднимаются светящиеся пыльца и крошечные феи, которые начинают кружиться вокруг неё. Девушка удивлённо смотрит вверх. Яркая фантазийная 3D-анимация, насыщенные цвета, магическое освещение, атмосферный туман, плавное движение камеры, без речи. Только звуки леса и мягкий волшебный звон.


Пример промпта для написания сайта:
Ты — senior-фронтенд разработчик и дизайнер. Сделай корпоративный сайт лаборатории генеративных ИИ-моделей Kandinsky Lab (модели генерации изображений и видео, открытый код и открытые исследования). Сайт для исследователей и разработчиков. Задача сайта — показать модели, исследования и новости, и привести людей на GitHub.

1. Технологии

- Astro 5, статическая сборка (npm run build → готовый HTML без серверной части и без CMS). Минимум зависимостей.

- Компоненты .astro, стили внутри компонентов, общий слой Base.astro (шапка, шрифты, аналитика, общие скрипты).

- Два языка: английский в корне, русский в /ru/. Одни и те же страницы и компоненты, тексты передаются свойством lang. Переключатель EN/RU в шапке ведёт на ту же страницу в другом языке.

- Сайт-карта (sitemap), robots.txt, favicon.

2. Страницы

1. Главная.

2. Модели: Image, Video (отдельные страницы), а также страницы предыдущих поколений там, где нужно.

3. Исследования: полный список публикаций.

4. Новости: полный список.

5. О нас: история лаборатории таймлайном.

6. Контакты: карточки Email, Telegram, X, GitHub.

7. Политика конфиденциальности, страница 404.

3. Главная, сверху вниз

- Hero на весь экран: canvas-анимация или видео на фоне, крупный заголовок поверх, две кнопки: «Get the code» (GitHub) и «Try it» (демо). Под ним — видео-шоурил, который проигрывается сам, без

звука, в цикле.

- Бегущая строка на всю ширину с короткими анонсами (релизы моделей, публикации). Разделитель между пунктами — «/».

- Карточки моделей Image и Video: обложка, название, короткий текст, характеристики плашками, кнопки. Две карточки выровнены по высоте (контент на одном уровне, независимо от длины текста).

- Новости: лента карточек, которая сама движется справа налево; центральная карточка крупнее, боковые меньше; ленту можно тянуть мышью и пальцем.

- Исследования: пять последних публикаций и ссылка «Все публикации».

- Миссия: отдельный блок с заголовком и кнопками в один ряд.

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

4. Страница модели Video (самая сложная)

- Верхний тёмный баннер с видео-шоурилом, логотипом модели и кнопкой включения звука. По умолчанию звук выключен; включается только по клику пользователя. Для мобильных экранов (до 700 px) — отдельная более лёгкая версия видео.

- Блок текущей версии (на светлом фоне): описание, две карточки Lite и Pro с характеристиками, ссылки на код, веса, техотчёт.

- Лента примеров «Generated with ...»: две строки плиток-видео бегут в противоположные стороны, при наведении лента останавливается. Клик по плитке открывает плеер (диалог) со звуком: закрытие по Esc, кнопке и клику на фон, управление с клавиатуры, лента на время просмотра ставится на паузу.

- Блок «Previous release» с предыдущей версией на светлой подложке.

- Список ещё более старых версий.

5. Дизайн

- Тёмная тема по умолчанию и светлая для чередующихся секций. Цвета задай токенами (CSS-переменные), светлая тема переопределяет те же токены в классе .theme-light.

...

Оценить
Добавить в коллекции...