дизайн

Створіть веб-орієнтований 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).

Створіть комплексну погодну панель за допомогою HTML5, CSS3, JavaScript та OpenWeatherMap API. Розробіть візуально привабливий інтерфейс, що показує поточні погодні умови з відповідними іконками та змінює фон залежно від погоди/часу доби. Відображайте детальний 5-денний прогноз з розгорнутим погодинним розбивкою для кожного дня. Реалізуйте пошук локації з автодоповненням та історією, підтримуючи назви міст та координати. Додайте підтримку геолокації для автоматичного визначення місцезнаходження користувача. Включіть перемикачі одиниць температури (°C/°F) та форматів часу. Відображайте попередження про небезпечну погоду з пріоритетним виділенням. Показуйте детальні метеорологічні дані: швидкість/напрямок вітру, вологість, тиск, УФ-індекс та якість повітря за наявності. Включіть час сходу/заходу сонця з візуальними індикаторами. Створіть повністю адаптивний макет на CSS Grid, що пристосовується до всіх розмірів пристроїв з відповідною щільністю інформації.

Створіть інтерактивний додаток для малювання, використовуючи HTML5 Canvas, CSS3 та JavaScript. Розробіть чистий інтерфейс з інтуїтивним вибором інструментів. Реалізуйте кілька інструментів малювання, включаючи пензель, олівець, фігури, текст та ластик. Додайте вибір кольорів з останніми використаними кольорами, піпеткою та палітрами. Включіть підтримку шарів з налаштуванням прозорості та режимів змішування. Реалізуйте функціональність undo/redo з історією станів. Додайте імпорт та експорт зображень у кількох форматах (PNG, JPG, SVG). Підтримайте зміну розміру полотна та обертання. Реалізуйте навігацію з zoom та pan. Додайте інструменти виділення з можливістю переміщення, зміни розміру та трансформації. Включіть гарячі клавіші для поширених дій.

Ультра-деталізована технічна інфографіка у форматі вибух-схеми (exploded view) для {OBJECT_NAME}, показана в ізометричному вигляді 3/4 спереду. Об'єкт частково прозорий і відкритий, його основні внутрішні та зовнішні компоненти розділені та ширяють навколо основного корпусу в чистому макеті вибух-схеми. Покажіть усі основні частини, характерні для {OBJECT_NAME}: зовнішня оболонка/панелі, структурна рама, основна електроніка/плати, система живлення/акумулятор або блок живлення, порти/роз'єми, елементи дисплея або інтерфейсу (якщо є), органи керування/кнопки, механічні модулі (двигуни/шестерні/вентилятори/петлі), якщо застосовно, динаміки/мікрофони, кабелі/гнучкі шлейфи, гвинти/кронштейни та електромагнітне/теплове екранування. Використовуйте тонкі білі лінії-виноски та пронумеровані мітки мінімалістичним шрифтом без засічок. Фон: гладкий темно-сірий студійний фон. Освітлення: м'яке, рівномірне, висококласне освітлення для рендеру продукту з тонкими відображеннями. Стиль: фотореалістичний 3D CAD рендер, презентація промислового дизайну, висока контрастність, надзвичайна чіткість, 8K, чиста композиція, без зайвих деталей.