Галерея процедурных шейдеров

Кинематографичная галерея продуктов с процедурным шейдером на первом экране и крупным каталогом, раскрывающимся при наведении и открывающим страницы подробностей. Скопируйте запрос, чтобы создать собственную версию.

Попробовать Kimi Build

Loading preview...

Начать с этого запроса

Создайте кинематографичную галерею продуктов на основе шейдеров

Версия для кофейного бренда

Переоформите галерею для линейки specialty-кофе.

Попробовать Kimi Build

Создайте кинематографичный сайт-шоурум для вымышленного бренда электромобилей Nexus Automotive. На первом экране — полноэкранный процедурный фрагментный шейдер с движущимся в реальном времени светом, поверх которого размещены две строки крупного шрифта с засечками и короткий слоган; при прокрутке за ним следует раздел с манифестом бренда. В основе сайта — каталог моделей: четыре автомобиля (флагманский седан, туристический SUV, высокопроизводительный суперкар и компактный городской автомобиль), представленные огромными типографическими строками. При наведении на строку рядом со списком появляется изображение автомобиля, а остальные пункты приглушаются; клик открывает отдельную страницу с вводным текстом о позиционировании и тремя текстовыми главами (форма, салон, характеристики), а также возможностью вернуться к списку. Добавьте видеосекцию об опыте взаимодействия с брендом и футер с контактами: адресом центра впечатлений и часами работы. Используйте почти монохромную палитру, сочетайте акцидентный шрифт с засечками и моноширинный шрифт для подписей, добавьте плавную прокрутку, лёгкий параллакс и переходы с затуханием. Создайте статический сайт, который запускается прямо в браузере: прокрутка, раскрытие при наведении и навигация между страницами должны действительно работать. Замените представленный контент на бренд specialty-кофе: пять линеек продукции превратите в пять сортов зерна одного происхождения, шейдер на первом экране — в пар тёплых коричневых оттенков и частицы кофейных зёрен, а на каждой странице подробностей добавьте происхождение, способ обработки, вкусовые ноты и советы по завариванию.

Добавить форму запроса

Добавьте форму запроса внизу страниц подробностей.

Попробовать Kimi Build

Создайте кинематографичный сайт-шоурум для вымышленного бренда электромобилей Nexus Automotive. На первом экране — полноэкранный процедурный фрагментный шейдер с движущимся в реальном времени светом, поверх которого размещены две строки крупного шрифта с засечками и короткий слоган; при прокрутке за ним следует раздел с манифестом бренда. В основе сайта — каталог моделей: четыре автомобиля (флагманский седан, туристический SUV, высокопроизводительный суперкар и компактный городской автомобиль), представленные огромными типографическими строками. При наведении на строку рядом со списком появляется изображение автомобиля, а остальные пункты приглушаются; клик открывает отдельную страницу с вводным текстом о позиционировании и тремя текстовыми главами (форма, салон, характеристики), а также возможностью вернуться к списку. Добавьте видеосекцию об опыте взаимодействия с брендом и футер с контактами: адресом центра впечатлений и часами работы. Используйте почти монохромную палитру, сочетайте акцидентный шрифт с засечками и моноширинный шрифт для подписей, добавьте плавную прокрутку, лёгкий параллакс и переходы с затуханием. Создайте статический сайт, который запускается прямо в браузере: прокрутка, раскрытие при наведении и навигация между страницами должны действительно работать. Добавьте внизу каждой страницы подробностей форму запроса с полями для имени, электронной почты и сообщения, а также состояние успешной отправки. Добавьте в навигационную панель закреплённую кнопку «Отправить запрос», которая плавно прокручивает страницу к форме.

Английская версия

Переведите весь текст на английский для зарубежных посетителей.

Попробовать Kimi Build

Создайте кинематографичный сайт-шоурум для вымышленного бренда электромобилей Nexus Automotive. На первом экране — полноэкранный процедурный фрагментный шейдер с движущимся в реальном времени светом, поверх которого размещены две строки крупного шрифта с засечками и короткий слоган; при прокрутке за ним следует раздел с манифестом бренда. В основе сайта — каталог моделей: четыре автомобиля (флагманский седан, туристический SUV, высокопроизводительный суперкар и компактный городской автомобиль), представленные огромными типографическими строками. При наведении на строку рядом со списком появляется изображение автомобиля, а остальные пункты приглушаются; клик открывает отдельную страницу с вводным текстом о позиционировании и тремя текстовыми главами (форма, салон, характеристики), а также возможностью вернуться к списку. Добавьте видеосекцию об опыте взаимодействия с брендом и футер с контактами: адресом центра впечатлений и часами работы. Используйте почти монохромную палитру, сочетайте акцидентный шрифт с засечками и моноширинный шрифт для подписей, добавьте плавную прокрутку, лёгкий параллакс и переходы с затуханием. Создайте статический сайт, который запускается прямо в браузере: прокрутка, раскрытие при наведении и навигация между страницами должны действительно работать. Переведите весь текст сайта на английский, включая крупный каталог, основной текст страниц подробностей и навигацию. Скорректируйте размеры шрифта и межстрочные интервалы для английского языка, не меняя шейдерную графику и взаимодействия при наведении.