дизайн

Створи чітку, ізометричну 3D мініатюру під кутом 45° зверху в мультяшному стилі міста ${city_name:İSTANBUL}, з його найвідомішими пам'ятками та архітектурними елементами. Використовуй м'які, витончені текстури з реалістичними PBR-матеріалами та ніжним, природним освітленням і тінями. Інтегруй поточні погодні умови безпосередньо в міське середовище для створення занурюючої атмосферної настрою. Використовуй чисту, мінімалістичну композицію з м'яким однотонним фоном. У верхньому центрі розмісти назву «İSTANBUL» великим жирним шрифтом, помітну іконку погоди під нею, потім дату (дрібний шрифт) і температуру (середній шрифт). Весь текст має бути відцентрованим з однаковими інтервалами та може тонко перекривати верхівки будівель. Квадратний формат 1080x1080.

Я хочу, щоб ви виступили в ролі консультанта з веб-дизайну. Я надам деталі про організацію, якій потрібна допомога з розробкою або редизайном веб-сайту. Ваша роль — проаналізувати ці деталі та рекомендувати найбільш придатну інформаційну архітектуру, візуальний дизайн та інтерактивні функції, які покращать користувацький досвід і відповідатимуть бізнес-цілям організації. Ви повинні застосувати свої знання принципів UX/UI дизайну, стандартів доступності, найкращих практик веб-розробки та сучасних front-end технологій для створення чіткого, структурованого та практичного плану проєкту. Це може включати пропозиції щодо макета, структури компонентів, керівництво з дизайн-системи та рекомендації щодо функціональності. Мій перший запит: «Мені потрібна допомога у створенні лендінгу, який демонструє курси, включаючи список курсів, короткі описи, інформацію про викладачів та чіткі заклики до дії».

Використовуючи завантажене зображення продукту ${Product Name:MacBook Pro}, створіть захоплюючу лайфстайл-сцену, що демонструє реалістичне використання у ${Lifestyle Scenario:Office}. Орієнтуйте візуал конкретно на ${Audience Demographics:Software Engineers}, передаючи природне освітлення та автентичне середовище.

Вид зверху під кутом на тьмяно освітлений покинутий двір, потріскана бетонна поверхня, розкидані старі позначки та витерті сліди від ударів, довгі моторошні тіні персонажів за межами кадру, без зображення насильства, темна бірюзова палітра з яскравим золотим променем, товні контури, вигляд 2D-анімаційного мультфільму, плоске затінення, екстремальний контраст, атмосферна напруга.

Створіть веб-орієнтований PDF-переглядач, використовуючи HTML5, CSS3, JavaScript та PDF.js. Розробіть чистий інтерфейс з інтуїтивними елементами навігації. Реалізуйте навігацію по сторінках з мініатюрами та панеллю змісту. Додайте текстовий пошук з підсвічуванням результатів. Включіть елементи керування масштабом та режими «за шириною/за висотою». Реалізуйте можливість виділення та копіювання тексту. Додайте інструменти анотування: підсвічування, нотатки та малювання. Підтримайте ротацію документа та режим презентації. Включіть функціонал друку з налаштуваннями. Створіть адаптивний дизайн, що працює на всіх пристроях. Додайте відображення властивостей документа та метаданих.

Згенеруй чарівний мініатюрний світ з пам'яткою ${landmark_name}, повністю виконаною з кольорової ліпної глини. Кожен елемент (будівлі, дерева, водойми та міські елементи) повинен виглядати виліпленим вручну зі видимими слідами пальців та органічними глиняними текстурами. Використовій ігровий, дитячий стиль із яскравими кольорами: яскраво-блакитне небо, пухнасті кремові хмари, смарагдові дерева та будівлі в теплих жовтих, помаранчевих, червоних і синіх тонах. Рукотворна якість повинна бути evidentною на кожній поверхні та плавній кривій. Зніми з широкої перспективи, демонструючи весь мініатюрний ландшафт у гармонійній, радісній композиції. У верхній центральній частині додай назву міста ${city_name} чистим, сміливим, дружелюбним заокругленим шрифтом, що відповідає ігровій глиняній естетиці. Текст повинен бути чітко читабельним і контрастним на тлі неба з невеликою глибиною, ніби він також зроблений з глини (легке 3D-ліплення), але залиш його простим і не занадто деталізованим. Не включай інший текст, слова або вивіски деінде в сцені. Тільки скульптурні глиняні елементи повинні визначати місце через впізнавані архітектурні особливості. Розмір 1080x1080.

Одне фото ${location:Вежі Галата, Стамбул}, де кадр розділений на органічні плавні секції, кожна з яких показує іншу епоху: ${era1:1890-ті, сепія, період Османської імперії}, ${era2:1960-ті, вицвілі кольори}, ${era3:сучасність, цифрова чіткість}. Переходи між епохами безшовні, змішуються через архітектурні деталі, одяг людей та транспортні засоби. Один і той самий кут камери, одна і та сама перспектива, різні часи, що переходять один в одного. Вигляд з рівня вулиці. Фотореалістичність для автентичного стилю фотографії кожної епохи.

Портрет з подвійною експозицією, події якого розгортаються у ${name:сонячному лісі}. Силует профілю, звернений ліворуч, що показує голову та плечі людини. Внутрішня частина силуету повністю заповнена лісовим пейзажем з багатою глибиною. Глибоко всередині цієї сцени, серед природних елементів, та сама людина з’являється знову як фігура у повний зріст, інтегрована в середовище. Зовнішній фон — яскраве, переекспоноване біле світло. Світло м’яко проникає всередину від країв силуету, створюючи драматичне сяйво та ефект високого контрасту. Висока роздільна здатність, кінематографічне, м’яке світло, реалістична текстура, чіткі деталі.

Створіть професійний колірний інструмент за допомогою HTML5, CSS3 та JavaScript для дизайнерів та розробників. Створіть інтуїтивно зрозумілий інтерфейс з кількома методами вибору, включаючи піпетку, колірне колесо, повзунки та поля введення. Реалізуйте конвертацію в реальному часі між колірними форматами (RGB, RGBA, HSL, HSLA, HEX, CMYK) з функцією копіювання. Додайте генератор колірних палітр з опціями для комплементарних, аналогових, тріадичних, тетрадичних та монохроматичних схем. Включіть систему обраного з названими колекціями та опціями експорту. Реалізуйте візуалізацію правил колірної гармонії з інтерактивним налаштуванням. Створіть генератор градієнтів, що підтримує лінійні, радіальні та конічні градієнти з кількома колірними зупинками. Додайте перевірку доступності для відповідності WCAG з коефіцієнтами контрастності та симуляцією дальтонізму. Реалізуйте копіювання фрагментів коду CSS, SCSS та SVG в один клік. Включіть алгоритм іменування кольорів для пропонування назв вибраних кольорів. Підтримуйте експорт палітр у різні формати (Adobe ASE, JSON, CSS variables, SCSS).