Explore AI generated designs, images, art and prompts by top community artists and designers.

Cinematic ultra-realistic fantasy-adventure short film , 16:9 , 30 seconds , 24fps , shot like a high-budget movie trailer , cold misty dawn , heavy fog drifting through tall pine forest and rolling grassland , muted green-grey color grade , shallow depth of field , soft diffused light , subtle film grain , quiet and mysterious atmosphere. Character: A young woman in her mid-20s , shoulder-length dark brown hair , wearing a plain dark baseball cap with no logo , a black windbreaker jacket , baggy black track pants , white ankle socks and chunky white-and-grey sneakers , white fitted arm sleeves under her jacket. Brave , focused and breathing hard from running. Keep face , hair and outfit identical in every shot. Creature: A gigantic , ancient long-necked herbivorous dinosaur , so huge and still that its back looks like a moss-covered grassy hill. Rough grey-brown textured skin , deep wrinkles , a slow-blinking amber eye , a long gentle neck. Calm and peaceful , not aggressive. Setting: A silent pine forest at dawn that opens into a wide foggy meadow with distant tree lines and low clouds. 🌲 0–5s: Wide shot of the woman running between tall pine trees through thick fog , boots crunching on damp earth. Low-angle close-up of her sneakers stepping over a fallen branch , then a medium shot of her glancing back over her shoulder , breathing in white clouds , then running on. 🌫️ 5–10s: The forest ends and she bursts out into an open foggy meadow. Close-ups of her sneakers on wet grass , her hands pressing on her knees as she stops , catching her breath. She looks around at the endless silent mist. ⛰️ 10–15s: She notices a strange , large , moss-covered mound ahead. She walks toward it slowly , curious , and climbs to the top , standing tall on it. Wide shot showing her tiny against the foggy horizon. The mound very slightly rises and falls like breathing. 😳 15–20s: Extreme close-up of her face under the cap , eyes widening. She feels the ground move under her feet. Close-up of her sneakers as the "grass" ripples. The camera pushes toward a huge , wrinkled , closed eye emerging from the mound beside her. 🦕 20–25s: She drops to her hands and knees , gripping the moss. Wide shot as the mound slowly shifts , revealing it is the enormous head and body of a sleeping giant dinosaur. A great amber eye opens slowly and looks at her. 🌅 25–30s: The dinosaur gently lifts its long neck high into the fog with her still balanced on its head , as thin sunlight breaks through the clouds. She stands up in awe , smiling in disbelief. Epic slow pull-back crane shot revealing the immense creature and the tiny girl on its head against the misty horizon , then fade out. 🎧 Audio: Soft wind , distant birds , heavy breathing and footsteps on damp grass , a deep low rumbling breath from the creature , a slow rising orchestral score with soft strings and low brass , no dialogue. 🎬 Style: Realistic cinematic adventure , smooth natural movement , believable giant-creature scale , emotional wonder , non-graphic , no text , no subtitles , no logos , no watermark. ,

A group of resilient desert nomads journey across an endless expanse of shifting dunes , their figures silhouetted against a sky filled with iridescent , crystalline clouds. Giant , ancient sand-worms move beneath the surface , hinted at by disturbances in the sand. The art style is inspired by stark , minimalist sci-fi concept art , focusing on grand scale , atmospheric dust effects , and a limited , earthy color palette. ar 5:4. ,

Ultra-saturated cinematic photograph , panamorphic lens flares , deep red and turquoise grading , real photograph , epic. Low Poly Celestial Mosaic Hindu temple , Wooden and ember maroon , dreamlike atmosphere. Very wide shot , monumental scale: a colossal temple built entirely of the multi-story of giant wooden rises into a burning blue sky , its windows glowing from within , thousands of moths spiraling up from its spires. Far below on the long staircase leading to its door , a tiny distant red-haired woman in her late twenties with long copper-red hair , freckles and emerald green eyes , in a low cut Multicolor Lehenga Choli whipping in the hot wind , walks toward the ship. where the cosmos is portrayed through interlocking polygons. Use deep midnight blue and cosmic violet hues to convey the mystery of the universe. No faces anywhere in the sky or architecture. ,

Create a experimental 3D portrait poster featuring a witch , wears a towering headdress of gold and Candles , wax swirls , and dark mechanical spirals , in flowing and rotating dots beneath the figure , but reconstruct its drops and structure from thousands of elongated drop dots and water drops with varied lengths , depths , and scales. The Tunnel-wrapped away in vortex directions , dense with social-media icons. Far below on the long staircase leading to its door , a female model in white floor-length gown , seen from far away , where the cosmos is portrayed through interlocking drops. Use deep midnight blue and cosmic violet hues to convey the mystery of the universe. No faces anywhere in the sky or architecture. AR 9:16. ,

Create a 15-second cinematic 3D CGI animated short film combining ancient mythology with a modern city , featuring ultra-realistic stone , rain , metal , emotional character animation , dramatic lighting , and sophisticated cinematic camera movement. Setting: A massive modern city at night during heavy rain. At the center stands an enormous ancient stone warrior statue surrounded by illuminated skyscrapers. Main character: A small schoolboy wearing a blue rain jacket , red sneakers , a yellow backpack , and a tiny handmade wooden sword attached to his backpack. Main creature: A gigantic ancient stone warrior holding an enormous weathered sword. Action: 0–4 seconds: The boy walks through the rain and looks up at the colossal statue. 4–7 seconds: Lightning strikes the statue. Golden cracks instantly spread across its entire body. 7–11 seconds: The stone warrior suddenly comes alive. Its enormous eyes ignite with golden light and ancient memories flash around it. 11–15 seconds: The warrior looks down at the tiny boy , then slowly lowers its massive sword and kneels before him as the rain transforms into glowing golden particles. Style: emotional ancient mythology , cinematic realism , powerful golden energy , dramatic rain , huge scale contrast , no dialogue. ,

Fantastic realism a Low Poly Celestial Mosaic , haunting rust , bone white and ember orange , dreamlike atmosphere. Very wide shot , monumental scale: a colossal cathedral built entirely of the folded wings of giant moths rises into a burning orange sky , its windows glowing from within , thousands of moths spiraling up from its spires. Far below on the long staircase leading to its door , a tiny distant red-haired woman , seen from far away , where the cosmos is portrayed through interlocking polygons. Use deep midnight blue and cosmic violet hues to convey the mystery of the universe. No faces anywhere in the sky or architecture. ,

Fantastic realism by Zdzislaw Beksinski , haunting rust , bone dark and ember black , dreamlike atmosphere. Very wide shot , monumental scale: a colossal pumpkin with exactly this Xenomorph face design cut out and glowing bright orange from a candle inside , its two windows glowing from shape of eyes within Night , Full moon. Far below on the long staircase leading to its door , a tiny distant cute beautiful young girl witch (riding on a witch broom) with a witch hat flying high over , seen from far away , her face too small to see , climbs in a long crimson veil that trails behind her for many steps. No faces anywhere in the sky or architecture. ar 4:5. ,

Ultra-saturated cinematic photograph , Anamorphic lens flares , deep red and turquoise grading , real photograph , epic. Very wide shot , absurd scale: a colossal ocean liner lies stranded in the middle of an endless red desert , half buried in dunes , its funnels still smoking , lights glowing in its portholes at sunset. On the top of a dune in the foreground corner , a small figure , Naya , an adult woman in her late twenties with long copper-red hair , freckles and emerald green eyes , in a low cut Multicolor Lehenga Choli whipping in the hot wind , walks toward the ship. Naya is a small distant figure , under a fifth of the image height , at the edge of the frame , not the subject. ar 9:16. ,

Ultra-photorealistic epic Chinese wuxia action cinematography , vertical 9:16 , extreme low-angle 18mm wide-angle perspective. An extraordinarily beautiful 22-year-old Chinese swordswoman flying toward the camera above an immense ancient battlefield. Exquisite delicate East Asian features , refined oval face , elegant almond eyes , luminous natural porcelain skin , softly rosy lips , gentle feminine beauty , subtle melancholic expression , realistic skin texture. Long black hair in a traditional high bun with delicate floral ornaments , loose strands flying wildly. Magnificent flowing ivory-white embroidered Hanfu , translucent silk layers , enormous billowing sleeves. Dynamic airborne martial arts pose , one slender hand reaching toward the camera with five anatomically correct fingers , the other gripping a sharp curved sword raised backward. One leg dramatically extended toward the foreground , powerful foreshortening , realistic anatomy. Thousands of ancient Chinese warriors fighting beneath her , magnificent imperial pagodas , burning temples , enormous explosions , shattered wooden structures , flying debris , sparks , swirling dust and smoke. Spectacular radial destruction surrounding the central figure. Brilliant blue sky , dramatic white clouds , golden sunlight , volumetric lighting , cinematic HDR , realistic silk textures , sharp facial details , extreme foreground motion blur , immense atmospheric depth. Breathtaking cinematic composition , sophisticated color grading , physically accurate lighting , spectacular large-scale action photography , extraordinary visual complexity , photorealistic 35mm film aesthetic. No anime , no plastic skin , no anatomical distortion , no extra fingers , no text , no watermark. Ratio : 237:512 ,

A colossal skeleton spirit leaning over the rooftops of an old Edo town at night , bones rendered with bold black outlines , a full moon behind it , stylized curling clouds and waves , tiny samurai with paper lanterns on a wooden bridge in the foreground , flat color fields , visible wood grain texture , indigo , vermilion , bone white and muted ochre palette , dramatic diagonal composition , eerie , monumental scale ,

Romantic landscape painting by Caspar David Friedrich , cold night light , sublime atmosphere , fine oil glazing. Very wide shot , overwhelming scale: an endless staircase of translucent ice rises from a frozen sea straight up into a towering green and violet aurora , vanishing among the stars. On the lowest steps , a tiny distant red-haired woman , Naya , seen from far away , her face too small to see , seen from behind in a long dark-blue cloak , begins to climb , one hand on the frozen railing. She is the only figure in the scene. ar 9:16. ,

A mature male rider beneath a colossal structure , standing on a biomechanical yacht boat. He is clad in a vibrant futuristic aesthetic , bright orange subjects with pale muted green accents where appropriate , sleek surfaces with brass detailing , complete with matching boots and neon goggles perched on his forehead. the yacht boat is massive , made of blue metal mixed with intricate brass mechanisms and large cockpit. A city carved into a octopus flying in sky , swallowing the horizon can turn scale into a powerful ocean. The relationship between subject and environment changes everything. ar 9:16. ,

A richly detailed fantasy illustration depicts three armored warrior mermaids emerging from turbulent ocean waters. Dominating the center foreground , a regal mermaid wears an elaborate spiked golden crown and ornate bronze-gold armor with overlapping scales , sculpted shoulder guards , and pearl-like ornaments. Her long , flowing hair twists outward in ribbon-like strands. She holds an immense decorative trident upright in her raised right hand. Her turquoise-green scaled tail extends downward into a broad , sweeping fin surrounded by foaming waves. Behind her to the left , a second crowned mermaid extends a long spear diagonally outward. On the right , a third armored mermaid grips a spear angled upward. Both have flowing hair , intricate armor , and large aquatic tails. The background reveals hazy silhouettes of sailing ships , upright masts , and distant figures amid sea spray. Pale golden sunlight filters through thick clouds , illuminating the warriors against a muted palette of seafoam green , weathered gold , bronze , and blue-gray. The painterly composition combines intricate metallic textures , swirling water , and dramatic movement. ar 5:4. ,

MINERAL CURRENT: Colorful mineral flows. Create a premium art poster that transforms an imaginary landscape into a vibrant , abstract world of continuous topographic contour lines , combining Eastern landscape aesthetics with modern editorial design. Construct the terrain from hundreds of long , smooth , elegant flowing lines that naturally follow its shape , elevation , and movement. The contour lines should become the actual structure of the landscape , forming soft hills , sweeping folds , flowing rifts , or interconnected mineral formations rather than simply decorating a realistic surface. Use large , recognizable landforms with strong silhouettes , layered depth , and clear visual hierarchy. Vary line density naturally , with tighter contours around curves and folds and wider spacing across calmer surfaces. Keep every line flowing in harmony with the overall composition. Apply a bold but controlled palette with strong warm and cool contrast. Combine colors such as deep indigo , cobalt blue , turquoise , coral pink , vermilion , peach orange , emerald green , and warm cream according to the chosen palette. Let colors transition smoothly along the contour lines , creating substantial color fields and harmonious gradients without random rainbow effects. Keep the landscape monumental , abstract , and highly graphic. If a scale element is specified , make it extremely small , occupying less than 1% of the image. Balance intricate linework with generous negative space to maintain strong thumbnail readability. Reserve a calm upper area for refined editorial typography. Include the main title , Chinese subtitle , and poetic tagline using elegant serif lettering , generous spacing , and a contemporary exhibition-poster aesthetic. The final artwork should feel colorful , poetic , sophisticated , and strongly line-driven , with visual impact created through continuous contours , bold color relationships , flowing terrain forms , and clean graphic composition. Avoid realistic landscape photography , rocky textures , chaotic patterns , broken strokes , excessive detail , cinematic CGI , plastic 3D surfaces , watermarks , logos , copyright text , and unnecessary decorative elements. ,

Use the attached image(s) as the primary reference for character and visual continuit. Preserve the exact same character species , facial identity , anatomy , body proportions , distinctive physical features , clothing , materials , colors , scale , and overall visual identity. If multiple reference images contain different characters , preserve each character individually and accurately. You may bring them together in the same scene. **DO NOT ADD ANY CHARACTER NOT PRESENT IN THE REFERENCE IMAGE(S).** These are the SAME INDIVIDUALS from the reference images , not redesigned , altered , or newly invented versions. ## CREATE: CINEMATIC SCIENCE-FICTION PROMOTIONAL PORTRAIT Create a new ultra-cinematic , ultra-realistic promotional image featuring the referenced character(s). **IMPORTANT — CREATE A DISTINCTLY DIFFERENT PROMOTIONAL POSE.** Do NOT reproduce or closely imitate the pose , stance , body orientation , hand position , head angle , camera relationship , or composition of the reference image. Preserve CHARACTER IDENTITY , but substantially change: * Body pose * Body orientation * Arm and hand placement * Head position * Direction of gaze * Weight distribution * Character placement within the frame * Relationship between characters * Relationship to the camera * Camera angle * Framing and composition The resulting image should immediately look like a DIFFERENT promotional photograph of the SAME character(s). Use confident , natural , visually expressive body language suitable for premium science-fiction promotional artwork. Possible promotional poses include: Standing upright , facing the camera commanding presence. Three-quarter body turn while looking toward camera. Side profile with head turned slightly toward camera. Low-angle heroic stance. Relaxed standing pose with hands naturally positioned. One hand resting against nearby architecture or machinery. Hands clasped behind the back while surveying the environment. Arms loosely crossed while facing slightly away from camera. Looking over one shoulder toward camera. Walking toward camera. Walking across the frame in side profile. Standing with back partially toward camera while looking into the distance. Leaning slightly against a structural element. Seated naturally while studying the surroundings. Standing at an observation point overlooking the environment. For multiple characters , create intentional ensemble promotional staging: stagger their positions , vary their poses , vary their orientation toward the camera , and create a balanced cast composition rather than placing everyone in identical poses. **DO NOT default to the pose shown in the reference image.** ## ENVIRONMENT Place the character(s) within an environment consistent with the reference world and visual language. The location may be a short distance from the reference setting , but it should feel like part of the same civilization , facility , vessel , city , landscape , or technological culture. The environment should support the character portrait rather than overpo it. ## CAMERA & COMPOSITION Treat this as premium promotional photography for a major science-fiction franchise. Choose a cinematic composition appropriate to the new pose , such as: Full-body promotional portrait Three-quarter character portrait Medium character portrait Low-angle hero composition Side-profile composition Over-the-shoulder environmental portrait Wide environmental character portrait Symmetrical ensemble portrait Asymmetrical ensemble portrait Elevated cinematic composition Frame the character(s) deliberately and dramatically. ## VISUAL QUALITY Ultra-realistic. Photorealistic materials. Premium streaming-series quality. Cinematic science-fiction production design. Realistic scale. High dynamic range. Believable cinematic lighting. Atmospheric perspective. Shallow depth of field when appropriate. Detailed environmental reflections. Subtle environmental storytelling. Professional promotional photography composition. ,

Palette: main color + dark anchor color + optional accent] Motion: radial burst. A silhouetted of meditating Yogi hovers in a vortex at the threshold of a Kundalini‑Geometry fractal portal , its drops and structure formed from thousands of glowing , translucent dots and cuboid blocks with varied lengths , depths , and scales , with denser and shorter blocks near the visual core and longer blocks extending toward the camera to create dramatic Z-axis depth , perspective , and a sense of motion. Blue‑and‑neon ancient patterns unlock hidden panoramic knowledge. ar 9:16. ,

A silhouetted of meditating Yogi hovers in a vortex at the threshold of a Kundalini‑Geometry fractal portal , its drops and structure formed from thousands of glowing , translucent stripes and cuboid blocks with varied lengths , depths , and scales , with denser and shorter blocks near the visual core and longer blocks extending toward the camera to create dramatic Z-axis depth , perspective , and a sense of motion. Golden‑and‑neon ancient patterns unlock hidden panoramic knowledge. ,

A meditating figure levitating horizontal vortex at the threshold of a Sacred Geometry Fractal Portal , but reconstruct its drops and structure from thousands of elongated dots and scales with varied lengths , depths , and scales. here ancient , mystical patterns of emerald and neon unlock hidden panoramic and secret knowledge. with denser and shorter dots near the visual core and longer waves extending toward the camera to create dramatic Z-axis depth , perspective , and a sense of motion. Use a controlled color system built around the chosen mystical patterns. Keep the main subject vivid and coherent , while deep shadows and dark gaps between the drops create strong negative space and dimensional contrast. Add only a small amount of accent color when needed. ar 1:1. ,

1. Продукт и задача B2B-сайт оптового поставщика сантехнического оборудования , труб и комплектующих. Барнаул , Павловский тракт 311. Собственный склад , отгрузка от 1 короба , работа с НДС , отсрочка до 30 дней. Клиенты: застройщики , подрядчики , УК в Алтайском крае , Новосибирской области и других регионах Сибири. На рынке с 1997 года. Задача дизайна: за 5 секунд передать «серьёзный , надёжный , современный поставщик» и привести посетителя к запросу цены или заявке. Тон: инженерная сдержанность , без пафоса и сленга. Доверие строится на цифрах и фактах. Ключевые цифры: 18 лет на рынке · 1948 позиций в каталоге · 93+ реализованных объекта · смета за 24 часа. Важно: 3D-моделей , WebGL и трёхмерных эффектов на сайте нет. Ощущение дорогого , живого продукта создаётся типографикой , светом , стеклом , реальной фотографией и тонкой анимацией. 2. Визуальный язык Палитра (значения не менять): brand #00649A · brand-bright #0086C9 · brand-ink #00547F accent #E5661A — только для акцентов , цифр и одной линии на экране , не для заливок Светлая тема: bg #F2F5FA , bg-soft #E7ECF5 , text #0C1526 , text-dim #5A6A85 Тёмная тема: bg #05070F , bg-soft #0A0F1E Логотип: синий скруглённый квадрат , белая «П» контуром , оранжевая линия ЭКГ внизу. Три версии: основная , светлая (для тёмного фона) , тёмная (для светлого фона). Логика в навбаре: на тёмном hero используется версия для тёмного фона , после прокрутки (светлая плашка навбара) версия для светлого фона. Типографика: только два шрифта , без засечек. Outfit 800 для заголовков и цифр , трекинг −0.03em на крупных размерах Manrope 400–700 для интерфейса и текста Сетка и ритм: Контейнер 1220px , поля 15px (на узких экранах 20px) , 12 колонок Шаг отступов 4px; секции 96–128px по вертикали , плотные блоки 48px Радиусы: карточки 16px , кнопки и поля 12px , чипы 999px 3. Чем заменяем 3D (фирменный приём сайта) Один сквозной мотив: линия пульса (ЭКГ) как тонкая оранжевая SVG-линия. В hero она рисуется за 700ms по кривой от левого края к правому , проходя под заголовком В навбаре и подвале присутствует как тонкий разделитель В блоке «Цифры» линия соединяет три карточки В остальных секциях не повторяется. Один раз на экран Дополнительные приёмы «лоска» без 3D: Hero: тёмный фон с мягким радиальным свечением brand (8–12% непрозрачности) , очень тонкая сетка-чертёж 1px при 4% непрозрачности. Справа крупное студийное фото ключевого товара (водомер , шаровой кран , фитинг) с вырезанным фоном , лёгкая тень под ним. При скролле фото смещается параллаксом на 20–40px , а заголовок остаётся на месте Стеклянные карточки поверх тёмного hero: backdrop-blur 16px , граница 1px rgba(255 , 255 , 255 , 0.12). В них живые факты («Склад: в наличии 1948 позиций» , «Смета за 24 часа») Тонкий «чертёжный» акцент: размерные линии и выноски в стиле технического чертежа вокруг фото товара , нарисованные тонким SVG Фото наклона нет. Hover на карточках: подъём на 4px , тень мягче и шире , изображение увеличивается на 1.03 4. Паттерны Apple (обязательны) Иерархия вместо декора. Один акцент на экран. Размер и вес , а не цвет и тени. Не более двух насыщенных цветов на экране: brand и accent. Крупная типографика. Заголовок секции 40–56px на десктопе , 28–32px на мобиле. line-height 1.05–1.1 у заголовков , 1.6 у текста. Короткие строки , не заполнять экран текстом. Воздух. Пустое место — элемент дизайна. Выравнивание по базовой линии. Материалы , а не рамки. Стекло (blur 12–20px) , мягкие тени 0 2px 12px rgba(0 , 0 , 0 , 0.06) , границы 1px rgba(13 , 27 , 51 , 0.1). Без двойных рамок и пунктиров. Плавность. 120–180ms hover , 200–300ms появление , 600–800ms hero-анимация. Кривая cubic-bezier(0.22 , 1 , 0.36 , 1). Без пружин и отскоков. Появление секций при скролле: fade + сдвиг на 16px. Отклик на действие. Нажатие: scale 0.98 или opacity. Состояния hover / focus / active / disabled на каждом интерактивном элементе. Focus-visible. 2px accent , без обводки при клике мышью , полная клавиатурная навигация. Мгновенный первый экран. Статичный hero с осмысленным h1 , без «загрузки» и скелетонов. Учитывать prefers-reduced-motion: анимации отключаются. 5. Композиционные паттерны Единый ритм секции: eyebrow → заголовок → контент. Чередование фонов: светлый bg и bg-soft , секции читаются как страницы. Тёмный блок на главной один — hero. Асимметрия 60/40: hero и «О компании» — текст слева , визуал справа. Остальные секции не зеркалить. Один акцентный объект на экран: не смешивать иллюстрацию , цифры и фото в одной секции. Зацикленные ленты: бренды , отзывы , проекты. Бесконечная лента , пауза при наведении , без кнопок прокрутки. Bento-сетка для блока преимуществ и «Ассортимента»: карточки разного размера в одной сетке , крупная карточка задаёт главное. Мобильный первый: на 375px одна колонка , кнопка на всю ширину , sticky-CTA внизу на карточке товара. 6. Страницы и секции Главная Hero. Тёмный фон , eyebrow , h1 , подзаголовок , две кнопки (синяя основная «Запросить смету» , стеклянная вторичная «Открыть каталог»). Справа фото товара с чертёжными выносками , стеклянные карточки с фактами , линия ЭКГ. Слайдер из трёх баннеров (акции , новинки , условия) , переключение плавным кроссфейдом. Цифры. «Проверено объёмами». Три карточки по центру (макс. 1000px) , цифры градиентом brand → accent , подпись под ними. Эта секция задаёт ритм всей страницы. О компании. 60/40: текст и чек-лист из 6 пунктов слева , фото склада или объекта справа. Бренды. Бесконечная лента логотипов на подложке bg-soft , логотипы монохромные , при наведении цветные. Наши работы. 3–4 карточки проектов: крупное фото реального объекта , название , город , тип. Hover: подъём и увеличение фото. Ссылка «Все проекты». Каталог. Карусель превью товаров , кнопка «В каталог». Отзывы и блог. Компактная лента отзывов и 2–3 свежие статьи. Финальный CTA. Один крупный призыв и форма обратной связи. Подвал. Контакты , реквизиты , режим работы , карта 2ГИС. Каталог Хлебные крошки , фильтры (категория , цена , наличие) , поиск , сортировка , сетка товаров. Карточка: фото , название , ключевые характеристики , наличие , «цена по запросу». Счётчик найденного , пагинация или бесконечная лента. На мобиле фильтры в нижней шторке. Карточка товара Галерея с зумом , характеристики таблицей , CTA «Запросить цену» и «Добавить в заявку» , блок наличия на складе. На мобиле sticky-панель с остатком и кнопкой. О компании Hero-блок , текст о компании , «Ключевые показатели» , «Ассортимент продукции» (bento-сетка) , благодарственные письма в галерее с просмотром. Наши проекты Фильтр по категории , крупные кейсы по схеме «задача → решение → результат» , галерея объекта. Доставка и оплата Три шага заказа , таблица тарифов по городам , условия отсрочки до 30 дней , блок частых вопросов (аккордеон). Контакты Карточки: телефон , email , адрес , режим работы. Встроенная карта 2ГИС. Форма общего запроса. 404 Спокойный экран с логотипом , ссылкой на каталог и контактом поддержки. Админка / кабинет Плотная сетка , таблицы , формы загрузки медиа , предпросмотр изменений. Тёмная тема допустима. Здесь плотность важнее воздуха. 7. Функции , которые должны быть видны в дизайне Корзина заявок и список отправленных запросов Авторизация в кабинет дилера , смена роли Каталог с фильтрами и поиском Загрузка и автоматическое сжатие фото товаров Лента новостей и блог Отзывы с модерацией Статистика для менеджера Печатная версия счёта и КП (отдельный макет: логотип , реквизиты , таблица позиций , итог) Подготовка к мультиязычности (RU обязателен): переключатель языка в навбаре и подвале 8. Ограничения Никаких 3D , WebGL , вращающихся и наклоняющихся элементов Никаких смайлов в интерфейсе Никаких градиентов от розового к фиолетовому Никаких drop-shadow текста и бликов Никакого автоплея со звуком Без stock-фото людей в деловых костюмах , только кадры с реальных объектов и склада Анимации не дольше 800ms и не мешают чтению 9. Что отдать на выходе Дизайн-система в Figma: цвета , типографическая шкала , сетка , компоненты (кнопка , карточка , поле , чип , таблица , стеклянная карточка , аккордеон) , состояния компонентов. По одному фрейму каждой страницы: светлая тема , тёмная тема , мобильная версия 375px , плюс макет печатного КП. Что я поправил в исходнике: Логотип в навбаре: в двух местах было написано противоположное. Теперь логика одна: на тёмном фоне светлая версия логотипа , на светлой плашке тёмная. «Личный кабинет и персональные данные не собираем» противоречило авторизации дилера и формам заявок. Я убрал эту строку. Если у вас действительно есть такое ограничение , уточните , какие именно поля допустимы. Ритм «одной линии accent на экран» теперь реализован через линию ЭКГ. ,

1. Продукт и задача B2B-сайт оптового поставщика сантехнического оборудования , труб и комплектующих. Барнаул , Павловский тракт 311. Собственный склад , отгрузка от 1 короба , работа с НДС , отсрочка до 30 дней. Клиенты: застройщики , подрядчики , УК в Алтайском крае , Новосибирской области и других регионах Сибири. На рынке с 1997 года. Задача дизайна: за 5 секунд передать «серьёзный , надёжный , современный поставщик» и привести посетителя к запросу цены или заявке. Тон: инженерная сдержанность , без пафоса и сленга. Доверие строится на цифрах и фактах. Ключевые цифры: 18 лет на рынке · 1948 позиций в каталоге · 93+ реализованных объекта · смета за 24 часа. Важно: 3D-моделей , WebGL и трёхмерных эффектов на сайте нет. Ощущение дорогого , живого продукта создаётся типографикой , светом , стеклом , реальной фотографией и тонкой анимацией. 2. Визуальный язык Палитра (значения не менять): brand #00649A · brand-bright #0086C9 · brand-ink #00547F accent #E5661A — только для акцентов , цифр и одной линии на экране , не для заливок Светлая тема: bg #F2F5FA , bg-soft #E7ECF5 , text #0C1526 , text-dim #5A6A85 Тёмная тема: bg #05070F , bg-soft #0A0F1E Логотип: синий скруглённый квадрат , белая «П» контуром , оранжевая линия ЭКГ внизу. Три версии: основная , светлая (для тёмного фона) , тёмная (для светлого фона). Логика в навбаре: на тёмном hero используется версия для тёмного фона , после прокрутки (светлая плашка навбара) версия для светлого фона. Типографика: только два шрифта , без засечек. Outfit 800 для заголовков и цифр , трекинг −0.03em на крупных размерах Manrope 400–700 для интерфейса и текста Сетка и ритм: Контейнер 1220px , поля 15px (на узких экранах 20px) , 12 колонок Шаг отступов 4px; секции 96–128px по вертикали , плотные блоки 48px Радиусы: карточки 16px , кнопки и поля 12px , чипы 999px 3. Чем заменяем 3D (фирменный приём сайта) Один сквозной мотив: линия пульса (ЭКГ) как тонкая оранжевая SVG-линия. В hero она рисуется за 700ms по кривой от левого края к правому , проходя под заголовком В навбаре и подвале присутствует как тонкий разделитель В блоке «Цифры» линия соединяет три карточки В остальных секциях не повторяется. Один раз на экран Дополнительные приёмы «лоска» без 3D: Hero: тёмный фон с мягким радиальным свечением brand (8–12% непрозрачности) , очень тонкая сетка-чертёж 1px при 4% непрозрачности. Справа крупное студийное фото ключевого товара (водомер , шаровой кран , фитинг) с вырезанным фоном , лёгкая тень под ним. При скролле фото смещается параллаксом на 20–40px , а заголовок остаётся на месте Стеклянные карточки поверх тёмного hero: backdrop-blur 16px , граница 1px rgba(255 , 255 , 255 , 0.12). В них живые факты («Склад: в наличии 1948 позиций» , «Смета за 24 часа») Тонкий «чертёжный» акцент: размерные линии и выноски в стиле технического чертежа вокруг фото товара , нарисованные тонким SVG Фото наклона нет. Hover на карточках: подъём на 4px , тень мягче и шире , изображение увеличивается на 1.03 4. Паттерны Apple (обязательны) Иерархия вместо декора. Один акцент на экран. Размер и вес , а не цвет и тени. Не более двух насыщенных цветов на экране: brand и accent. Крупная типографика. Заголовок секции 40–56px на десктопе , 28–32px на мобиле. line-height 1.05–1.1 у заголовков , 1.6 у текста. Короткие строки , не заполнять экран текстом. Воздух. Пустое место — элемент дизайна. Выравнивание по базовой линии. Материалы , а не рамки. Стекло (blur 12–20px) , мягкие тени 0 2px 12px rgba(0 , 0 , 0 , 0.06) , границы 1px rgba(13 , 27 , 51 , 0.1). Без двойных рамок и пунктиров. Плавность. 120–180ms hover , 200–300ms появление , 600–800ms hero-анимация. Кривая cubic-bezier(0.22 , 1 , 0.36 , 1). Без пружин и отскоков. Появление секций при скролле: fade + сдвиг на 16px. Отклик на действие. Нажатие: scale 0.98 или opacity. Состояния hover / focus / active / disabled на каждом интерактивном элементе. Focus-visible. 2px accent , без обводки при клике мышью , полная клавиатурная навигация. Мгновенный первый экран. Статичный hero с осмысленным h1 , без «загрузки» и скелетонов. Учитывать prefers-reduced-motion: анимации отключаются. 5. Композиционные паттерны Единый ритм секции: eyebrow → заголовок → контент. Чередование фонов: светлый bg и bg-soft , секции читаются как страницы. Тёмный блок на главной один — hero. Асимметрия 60/40: hero и «О компании» — текст слева , визуал справа. Остальные секции не зеркалить. Один акцентный объект на экран: не смешивать иллюстрацию , цифры и фото в одной секции. Зацикленные ленты: бренды , отзывы , проекты. Бесконечная лента , пауза при наведении , без кнопок прокрутки. Bento-сетка для блока преимуществ и «Ассортимента»: карточки разного размера в одной сетке , крупная карточка задаёт главное. Мобильный первый: на 375px одна колонка , кнопка на всю ширину , sticky-CTA внизу на карточке товара. 6. Страницы и секции Главная Hero. Тёмный фон , eyebrow , h1 , подзаголовок , две кнопки (синяя основная «Запросить смету» , стеклянная вторичная «Открыть каталог»). Справа фото товара с чертёжными выносками , стеклянные карточки с фактами , линия ЭКГ. Слайдер из трёх баннеров (акции , новинки , условия) , переключение плавным кроссфейдом. Цифры. «Проверено объёмами». Три карточки по центру (макс. 1000px) , цифры градиентом brand → accent , подпись под ними. Эта секция задаёт ритм всей страницы. О компании. 60/40: текст и чек-лист из 6 пунктов слева , фото склада или объекта справа. Бренды. Бесконечная лента логотипов на подложке bg-soft , логотипы монохромные , при наведении цветные. Наши работы. 3–4 карточки проектов: крупное фото реального объекта , название , город , тип. Hover: подъём и увеличение фото. Ссылка «Все проекты». Каталог. Карусель превью товаров , кнопка «В каталог». Отзывы и блог. Компактная лента отзывов и 2–3 свежие статьи. Финальный CTA. Один крупный призыв и форма обратной связи. Подвал. Контакты , реквизиты , режим работы , карта 2ГИС. Каталог Хлебные крошки , фильтры (категория , цена , наличие) , поиск , сортировка , сетка товаров. Карточка: фото , название , ключевые характеристики , наличие , «цена по запросу». Счётчик найденного , пагинация или бесконечная лента. На мобиле фильтры в нижней шторке. Карточка товара Галерея с зумом , характеристики таблицей , CTA «Запросить цену» и «Добавить в заявку» , блок наличия на складе. На мобиле sticky-панель с остатком и кнопкой. О компании Hero-блок , текст о компании , «Ключевые показатели» , «Ассортимент продукции» (bento-сетка) , благодарственные письма в галерее с просмотром. Наши проекты Фильтр по категории , крупные кейсы по схеме «задача → решение → результат» , галерея объекта. Доставка и оплата Три шага заказа , таблица тарифов по городам , условия отсрочки до 30 дней , блок частых вопросов (аккордеон). Контакты Карточки: телефон , email , адрес , режим работы. Встроенная карта 2ГИС. Форма общего запроса. 404 Спокойный экран с логотипом , ссылкой на каталог и контактом поддержки. Админка / кабинет Плотная сетка , таблицы , формы загрузки медиа , предпросмотр изменений. Тёмная тема допустима. Здесь плотность важнее воздуха. 7. Функции , которые должны быть видны в дизайне Корзина заявок и список отправленных запросов Авторизация в кабинет дилера , смена роли Каталог с фильтрами и поиском Загрузка и автоматическое сжатие фото товаров Лента новостей и блог Отзывы с модерацией Статистика для менеджера Печатная версия счёта и КП (отдельный макет: логотип , реквизиты , таблица позиций , итог) Подготовка к мультиязычности (RU обязателен): переключатель языка в навбаре и подвале 8. Ограничения Никаких 3D , WebGL , вращающихся и наклоняющихся элементов Никаких смайлов в интерфейсе Никаких градиентов от розового к фиолетовому Никаких drop-shadow текста и бликов Никакого автоплея со звуком Без stock-фото людей в деловых костюмах , только кадры с реальных объектов и склада Анимации не дольше 800ms и не мешают чтению 9. Что отдать на выходе Дизайн-система в Figma: цвета , типографическая шкала , сетка , компоненты (кнопка , карточка , поле , чип , таблица , стеклянная карточка , аккордеон) , состояния компонентов. По одному фрейму каждой страницы: светлая тема , тёмная тема , мобильная версия 375px , плюс макет печатного КП. Что я поправил в исходнике: Логотип в навбаре: в двух местах было написано противоположное. Теперь логика одна: на тёмном фоне светлая версия логотипа , на светлой плашке тёмная. «Личный кабинет и персональные данные не собираем» противоречило авторизации дилера и формам заявок. Я убрал эту строку. Если у вас действительно есть такое ограничение , уточните , какие именно поля допустимы. Ритм «одной линии accent на экран» теперь реализован через линию ЭКГ. ,

{{Quintessential dark anime style featuring dramatic action , low-key lighting , strong contrast , and a sharp , highly dynamic image that highlights creativity; high-quality art; high-energy image; detailed masterpiece: superior quality , definition , and originality.}} Create a experimental 3D image of a alien , wears a towering helmet of frog's eyes , Her long , wavy brown hair flows beneath the green dress. in flowing and rotating dots beneath the figure , but reconstruct its drops and structure from thousands of elongated dots and scales with varied lengths , depths , and scales. Let the dots follow the natural growth direction of the dots instead of becoming random drops. Build a strong spatial motion based on the selected direction in canopy shape , with denser and shorter dots near the visual core and longer waves extending toward the camera to create dramatic Z-axis depth , perspective , and a sense of motion. {{High-resolution illustration , 64k. High-definition clarity with ultra-precise details; stunning , epic image in a professional dark anime style; high-impact visual rendering.}} ,

{{Quintessential dark anime style featuring dramatic action , low-key lighting , strong contrast , and a sharp , highly dynamic image that highlights creativity; high-quality art; high-energy image; detailed masterpiece: superior quality , definition , and originality.}} Create a experimental 3D image of a alien , wears a towering helmet of frog's eyes , Her long , wavy brown hair flows beneath the dress. in flowing and rotating dots beneath the figure , but reconstruct its drops and structure from thousands of elongated dots and scales with varied lengths , depths , and scales. Let the dots follow the natural growth direction of the dots instead of becoming random drops. Build a strong spatial motion based on the selected direction in canopy shape , with denser and shorter dots near the visual core and longer waves extending toward the camera to create dramatic Z-axis depth , perspective , and a sense of motion. {{High-resolution illustration , 64k. High-definition clarity with ultra-precise details; stunning , epic image in a professional dark anime style; high-impact visual rendering.}} ,

Create a experimental 3D image featuring a female , wears a towering headdress of frog's eyes , Her long , wavy brown hair flows beneath the dress. in flowing and rotating dots beneath the figure , but reconstruct its drops and structure from thousands of elongated dots and scales with varied lengths , depths , and scales. Let the dots follow the natural growth direction of the dots instead of becoming random drops. Build a strong spatial motion based on the selected direction in canopy shape , with denser and shorter dots near the visual core and longer waves extending toward the camera to create dramatic Z-axis depth , perspective , and a sense of motion. Use a controlled color system built around the chosen palette. Keep the main subject vivid and coherent , while deep shadows and dark gaps between the drops create strong negative space and dimensional contrast. Add only a small amount of accent color when needed. The final image should feel like a premium contemporary art poster: bold silhouette , strong thumbnail impact , rich spatial depth , refined lighting , and a clear balance between dense 3D geometry and minimal typography. Avoid Minecraft aesthetics , flat pixel art , random cubes , identical extrusion lengths , rainbow colors , excessive text , heavy neon , thick 3D lettering , meaningless placeholder copy , logos , numbering , watermarks , and cheap CGI materials. ,

Palette: fish scales + black Motion: winged spread Background: Black Create a experimental 3D poster featuring a dark armored figure with large horns , surrounded by glowing teal energy. the character is positioned in the center , wearing ornate dark plate armor with a tattered cloak. intense teal light radiates from the armor joints and helmet , but reconstruct its drops and structure from thousands of elongated dots and scales with varied lengths , depths , and scales. Let the dots follow the natural growth direction of the dots instead of becoming random drops. Build a strong spatial motion based on the selected direction in canopy shape , with denser and shorter dots near the visual core and longer waves extending toward the camera to create dramatic Z-axis depth , perspective , and a sense of motion. Use a controlled color system built around the chosen palette. Keep the main subject vivid and coherent , while deep shadows and dark gaps between the drops create strong negative space and dimensional contrast. Add only a small amount of accent color when needed. The final image should feel like a premium contemporary art poster: bold silhouette , strong thumbnail impact , rich spatial depth , refined lighting , and a clear balance between dense 3D geometry and minimal typography. Avoid Minecraft aesthetics , flat pixel art , random cubes , identical extrusion lengths , rainbow colors , excessive text , heavy neon , thick 3D lettering , meaningless placeholder copy , logos , numbering , watermarks , and cheap CGI materials. ,

Title: TEDPOL Palette: fish scales + black Motion: spiral bloom Background: Black Create a experimental 3D poster featuring a female , wears a brimmed hat of frog's eyes , in flowing and rotating dots beneath the figure , but reconstruct its drops and structure from thousands of elongated drop dots and fish scales with varied lengths , depths , and scales. Let the dots follow the natural growth direction of the dots instead of becoming random drops. Build a strong spatial motion based on the selected direction in canopy shape , with denser and shorter dots near the visual core and longer waves extending toward the camera to create dramatic Z-axis depth , perspective , and a sense of motion. Use a controlled color system built around the chosen palette. Keep the main subject vivid and coherent , while deep shadows and dark gaps between the drops create strong negative space and dimensional contrast. Add only a small amount of accent color when needed. The final image should feel like a premium contemporary art poster: bold silhouette , strong thumbnail impact , rich spatial depth , refined lighting , and a clear balance between dense 3D geometry and minimal typography. Avoid Minecraft aesthetics , flat pixel art , random cubes , identical extrusion lengths , rainbow colors , excessive text , heavy neon , thick 3D lettering , meaningless placeholder copy , logos , numbering , watermarks , and cheap CGI materials. ,

Title: TEDPOL Palette: water drop + green gradient Motion: spiral bloom Background: Black Create a 1:1 experimental 3D portrait poster featuring a alien , wears a towering headdress of frog's eyes , in swirls wax , and dark mechanical spirals , in flowing and rotating dots beneath the figure , but reconstruct its drops and structure from thousands of elongated drop dots and water drops with varied lengths , depths , and scales. Let the dots follow the natural growth direction of the dots instead of becoming random drops. Build a strong spatial motion based on the selected direction in heart shape , with denser and shorter dots near the visual core and longer waves extending toward the camera to create dramatic -Z-axis depth , perspective , and a sense of motion. Use a controlled color system built around the chosen palette. Keep the main subject vivid and coherent , while deep shadows and dark gaps between the drops create strong negative space and dimensional contrast. Add only a small amount of accent color when needed. The final image should feel like a premium contemporary art poster: bold silhouette , strong thumbnail impact , rich spatial depth , refined lighting , and a clear balance between dense 3D geometry and minimal typography. Avoid Minecraft aesthetics , flat pixel art , random cubes , identical extrusion lengths , rainbow colors , excessive text , heavy neon , thick 3D lettering , meaningless placeholder copy , logos , numbering , watermarks , and cheap CGI materials. ,

Title: TEDPOL Palette: water drop + green gradient Motion: spiral bloom Background: Black Create a experimental 3D portrait poster featuring a alien , wears a towering headdress of frog's eyes , in swirls wax , and dark mechanical spirals , in flowing and rotating dots beneath the figure , but reconstruct its drops and structure from thousands of elongated drop dots and water drops with varied lengths , depths , and scales. Let the dots follow the natural growth direction of the dots instead of becoming random drops. Build a strong spatial motion based on the selected direction in heart shape , with denser and shorter dots near the visual core and longer waves extending toward the camera to create dramatic -Z-axis depth , perspective , and a sense of motion. Use a controlled color system built around the chosen palette. Keep the main subject vivid and coherent , while deep shadows and dark gaps between the drops create strong negative space and dimensional contrast. Add only a small amount of accent color when needed. The final image should feel like a premium contemporary art poster: bold silhouette , strong thumbnail impact , rich spatial depth , refined lighting , and a clear balance between dense 3D geometry and minimal typography. Avoid Minecraft aesthetics , flat pixel art , random cubes , identical extrusion lengths , rainbow colors , excessive text , heavy neon , thick 3D lettering , meaningless placeholder copy , logos , numbering , watermarks , and cheap CGI materials. ,

Title: TEDPOL Palette: water drop + gray Motion: winged spread Background: Black Create a experimental 3D portrait poster featuring a witch , wears a towering headdress of gold and Candles , in swirls wax , and dark mechanical spirals , in flowing and rotating dots beneath the figure , but reconstruct its drops and structure from thousands of elongated drop dots and water drops with varied lengths , depths , and scales. Let the dots follow the natural growth direction of the dots instead of becoming random drops. Build a strong spatial motion based on the selected direction in skull shape , with denser and shorter dots near the visual core and longer waves extending toward the camera to create dramatic -Z-axis depth , perspective , and a sense of motion. Use a controlled color system built around the chosen palette. Keep the main subject vivid and coherent , while deep shadows and dark gaps between the drops create strong negative space and dimensional contrast. Add only a small amount of accent color when needed. The final image should feel like a premium contemporary art poster: bold silhouette , strong thumbnail impact , rich spatial depth , refined lighting , and a clear balance between dense 3D geometry and minimal typography. Avoid Minecraft aesthetics , flat pixel art , random cubes , identical extrusion lengths , rainbow colors , excessive text , heavy neon , thick 3D lettering , meaningless placeholder copy , logos , numbering , watermarks , and cheap CGI materials. ,

Palette: water drop + gray Motion: winged spread Background: Black Create a experimental 3D portrait poster featuring a witch , wears a towering headdress of gold and Candles , wax swirls , and dark mechanical spirals , in flowing and rotating dots beneath the figure , but reconstruct its drops and structure from thousands of elongated drop dots and water drops with varied lengths , depths , and scales. Let the dots follow the natural growth direction of the dots instead of becoming random drops. Build a strong spatial motion based on the selected direction in skull shape , with denser and shorter dots near the visual core and longer waves extending toward the camera to create dramatic -Z-axis depth , perspective , and a sense of motion. Use a controlled color system built around the chosen palette. Keep the main subject vivid and coherent , while deep shadows and dark gaps between the drops create strong negative space and dimensional contrast. Add only a small amount of accent color when needed. The final image should feel like a premium contemporary art poster: bold silhouette , strong thumbnail impact , rich spatial depth , refined lighting , and a clear balance between dense 3D geometry and minimal typography. Avoid Minecraft aesthetics , flat pixel art , random cubes , identical extrusion lengths , rainbow colors , excessive text , heavy neon , thick 3D lettering , meaningless placeholder copy , logos , numbering , watermarks , and cheap CGI materials. ,