onoot

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 на экран» теперь реализован через линию ЭКГ. ,

onoot

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 на экран» теперь реализован через линию ЭКГ. ,

solderman1785

В статье рассматривается воздействие высокопольной магнитно-резонансной томографии (МРТ) на когнитивные функции человека через призму квантовой биологии. Автор выдвигает гипотезу , согласно которой МРТ выступает не только инструментом визуализации , но и фактором принудительной дефазировки спиновых систем , что ведет к временной деградации хрупких квантовых корреляций в нейронных сетях. ,

solderman1785

Аннотация: В статье рассматривается воздействие высокопольной магнитно-резонансной томографии (МРТ) на когнитивные функции человека через призму квантовой биологии. Автор выдвигает гипотезу , согласно которой МРТ выступает не только инструментом визуализации , но и фактором принудительной дефазировки спиновых систем , что ведет к временной деградации хрупких квантовых корреляций в нейронных сетях. ,

solderman1785

Аннотация: В статье рассматривается воздействие высокопольной магнитно-резонансной томографии (МРТ) на когнитивные функции человека через призму квантовой биологии. Автор выдвигает гипотезу , согласно которой МРТ выступает не только инструментом визуализации , но и фактором принудительной дефазировки спиновых систем , что ведет к временной деградации хрупких квантовых корреляций в нейронных сетях. ,

ttteeennn_10

сгенерируй буклет-книжку для спектакля по пьесе "Чем занят Бог" (Автор пьесы Ярослав Климанов). В буклете должно быть две стороны - передняя и задняя , должно быть название , автор , синопсис , актерский состав , а также прочая информация о времени и месте проведения спектакля. Стиль рисовки минималистичный (вроде каракулей) ,

lukeyan_60928

Отлично , давайте разработаем концепцию красивого и интуитивно понятного интерфейса для комплексного мониторинга. Я разобью решение на несколько этапов , описывая структуру , элементы и возможные технологии.1. Общая структура и принципы дизайна:Клиент-ориентированность: Каждый заказчик видит только свои системы.Модульность: Разделение на системы , группы метрик (бизнес , инфраструктура , приложения) и детализированные графики.Визуальная иерархия: Четкое разделение элементов , использование размеров , цветов и отступов для указания важности.Интерактивность: Плавные переходы , всплывающие подсказки , фильтры и возможность кастомизации.Адаптивность: Корректное отображение на разных устройствах (десктопы , планшеты , мобильные).2. Основные экраны и элементы интерфейса:Экран авторизации/выбора заказчика:Простая форма авторизации.После авторизации – список доступных заказчиков (если у пользователя есть доступ к нескольким).Главная панель (Dashboard) для заказчика:Обзор: Краткая сводка по всем системам заказчика:Индикаторы состояния (зеленый/желтый/красный) для каждой системы.Ключевые метрики (например , количество активных пользователей , среднее время ответа) в виде небольших карточек или графиков.Список систем: Визуальное представление систем заказчика. Варианты:Карточки: Каждая система – отдельная карточка с названием , кратким описанием , индикатором состояния и ссылкой на детали.Сетка (Grid): Иконки систем в сетке.Список: Простой список систем с основными данными.Поиск: Позволяет быстро найти нужную систему по названию.Страница системы (System View):Заголовок: Название системы , описание , владелец (контактная информация).Вкладки/Навигация: Разделение на группы метрик:Бизнес-метрики: Показатели , важные для бизнеса (например , выручка , конверсия , количество заказов).Инфраструктурные метрики: Показатели , связанные с инфраструктурой (например , загрузка CPU , использование памяти , дисковое пространство).Метрики приложений: Показатели , связанные с приложениями (например , время ответа API , количество ошибок , количество запросов).Логи: Отображение логов системыСписок метрик в каждой группе: Список доступных метрик с возможностью фильтрации и поиска. Для каждой метрики:Название.Текущее значение.Мини-график (sparkline) за последний период.Индикатор тренда (вверх/вниз/стабильно).Кнопка "Подробнее в Grafana": Переход к детальным графикам в Grafana для выбранной метрики. (Важно: Передача контекста в Grafana – см. раздел "Интеграция с Grafana").Страница детализированной метрики (Metric Detail): (Обычно это Grafana , но может быть и отдельная страница в вашем приложении , если необходимо).График метрики за выбранный период времени.Возможность выбора периода времени (последний час , день , неделя , месяц , произвольный диапазон).Возможность масштабирования графика.Возможность добавления аннотаций (например , для отметки важных событий).Возможность экспорта данных.3. Технологии (примерный стек):Frontend:React , Angular , Vue.js: Современные JavaScript-фреймворки для создания интерактивных пользовательских интерфейсов. React – наиболее популярный и гибкий вариант.TypeScript: Статическая типизация для повышения надежности кода.UI-библиотеки: Material UI , Ant Design , Chakra UI – готовые компоненты для быстрого создания красивого интерфейса.Графики: Chart.js , Recharts , Nivo – библиотеки для построения графиков.Backend:Node.js (Express) , Python (Flask/Django) , Java (Spring Boot): Для обработки запросов , авторизации , доступа к данным. Выбор зависит от ваших навыков и предпочтений.База данных: PostgreSQL , MySQL , MongoDB – для хранения данных о системах , метриках и настройках пользователей.Мониторинг и сбор метрик:Prometheus: Популярная система мониторинга и сбора метрик.Grafana: Для визуализации метрик и создания дашбордов.Telegraf , Collectd: Агенты для сбора метрик с различных систем.Коммуникация:REST API: Для взаимодействия между frontend и backend.WebSockets: Для обновления данных в реальном времени (например , для живых графиков).4. Интеграция с Grafana:URL-шаблоны: Создайте URL-шаблоны для перехода в Grafana с передачей параметров , таких как:datasource: Имя источника данных в Grafana.query: Запрос для получения метрики.variables: Значения переменных Grafana (например , период времени).Single Sign-On (SSO): Если возможно , настройте SSO между вашим приложением и Grafana , чтобы пользователям не приходилось вводить логин и пароль повторно.Встраивание Grafana (iFrame): В некоторых случаях можно встроить Grafana-дашборд в ваше приложение с помощью iFrame , но это может быть менее гибким и безопасным решением.5. Дополнительные рекомендации:Ролевая модель доступа: Определите роли пользователей (например , администратор , оператор , зритель) и настройте права доступа к системам и метрикам.Уведомления и алерты: Реализуйте систему уведомлений о критических событиях (например , превышение пороговых значений).Кастомизация: Предоставьте пользователям возможность настраивать дашборды , выбирать метрики и создавать собственные графики.Документация: Напишите подробную документацию для пользователей и администраторов.Тестирование: Проведите тщательное тестирование интерфейса , чтобы убедиться в его удобстве и функциональности.Примерная структура папок frontend (React):src/ components/ ,

AndreyPernikov

Отлично , давайте разработаем концепцию красивого и интуитивно понятного интерфейса для комплексного мониторинга. Я разобью решение на несколько этапов , описывая структуру , элементы и возможные технологии. 1. Общая структура и принципы дизайна: Клиент-ориентированность: Каждый заказчик видит только свои системы. Модульность: Разделение на системы , группы метрик (бизнес , инфраструктура , приложения) и детализированные графики. Визуальная иерархия: Четкое разделение элементов , использование размеров , цветов и отступов для указания важности. Интерактивность: Плавные переходы , всплывающие подсказки , фильтры и возможность кастомизации. Адаптивность: Корректное отображение на разных устройствах (десктопы , планшеты , мобильные). 2. Основные экраны и элементы интерфейса: Экран авторизации/выбора заказчика: Простая форма авторизации. После авторизации – список доступных заказчиков (если у пользователя есть доступ к нескольким). Главная панель (Dashboard) для заказчика: Обзор: Краткая сводка по всем системам заказчика: Индикаторы состояния (зеленый/желтый/красный) для каждой системы. Ключевые метрики (например , количество активных пользователей , среднее время ответа) в виде небольших карточек или графиков. Список систем: Визуальное представление систем заказчика. Варианты: Карточки: Каждая система – отдельная карточка с названием , кратким описанием , индикатором состояния и ссылкой на детали. Сетка (Grid): Иконки систем в сетке. Список: Простой список систем с основными данными. Поиск: Позволяет быстро найти нужную систему по названию. Страница системы (System View): Заголовок: Название системы , описание , владелец (контактная информация). Вкладки/Навигация: Разделение на группы метрик: Бизнес-метрики: Показатели , важные для бизнеса (например , выручка , конверсия , количество заказов). Инфраструктурные метрики: Показатели , связанные с инфраструктурой (например , загрузка CPU , использование памяти , дисковое пространство). Метрики приложений: Показатели , связанные с приложениями (например , время ответа API , количество ошибок , количество запросов). Логи: Отображение логов системы Список метрик в каждой группе: Список доступных метрик с возможностью фильтрации и поиска. Для каждой метрики: Название. Текущее значение. Мини-график (sparkline) за последний период. Индикатор тренда (вверх/вниз/стабильно). Кнопка "Подробнее в Grafana": Переход к детальным графикам в Grafana для выбранной метрики. (Важно: Передача контекста в Grafana – см. раздел "Интеграция с Grafana"). Страница детализированной метрики (Metric Detail): (Обычно это Grafana , но может быть и отдельная страница в вашем приложении , если необходимо). График метрики за выбранный период времени. Возможность выбора периода времени (последний час , день , неделя , месяц , произвольный диапазон). Возможность масштабирования графика. Возможность добавления аннотаций (например , для отметки важных событий). Возможность экспорта данных. 3. Технологии (примерный стек): Frontend: React , Angular , Vue.js: Современные JavaScript-фреймворки для создания интерактивных пользовательских интерфейсов. React – наиболее популярный и гибкий вариант. TypeScript: Статическая типизация для повышения надежности кода. UI-библиотеки: Material UI , Ant Design , Chakra UI – готовые компоненты для быстрого создания красивого интерфейса. Графики: Chart.js , Recharts , Nivo – библиотеки для построения графиков. Backend: Node.js (Express) , Python (Flask/Django) , Java (Spring Boot): Для обработки запросов , авторизации , доступа к данным. Выбор зависит от ваших навыков и предпочтений. База данных: PostgreSQL , MySQL , MongoDB – для хранения данных о системах , метриках и настройках пользователей. Мониторинг и сбор метрик: Prometheus: Популярная система мониторинга и сбора метрик. Grafana: Для визуализации метрик и создания дашбордов. Telegraf , Collectd: Агенты для сбора метрик с различных систем. Коммуникация: REST API: Для взаимодействия между frontend и backend. WebSockets: Для обновления данных в реальном времени (например , для живых графиков). 4. Интеграция с Grafana: URL-шаблоны: Создайте URL-шаблоны для перехода в Grafana с передачей параметров , таких как: datasource: Имя источника данных в Grafana. query: Запрос для получения метрики. variables: Значения переменных Grafana (например , период времени). Single Sign-On (SSO): Если возможно , настройте SSO между вашим приложением и Grafana , чтобы пользователям не приходилось вводить логин и пароль повторно. Встраивание Grafana (iFrame): В некоторых случаях можно встроить Grafana-дашборд в ваше приложение с помощью iFrame , но это может быть менее гибким и безопасным решением. 5. Дополнительные рекомендации: Ролевая модель доступа: Определите роли пользователей (например , администратор , оператор , зритель) и настройте права доступа к системам и метрикам. Уведомления и алерты: Реализуйте систему уведомлений о критических событиях (например , превышение пороговых значений). Кастомизация: Предоставьте пользователям возможность настраивать дашборды , выбирать метрики и создавать собственные графики. Документация: Напишите подробную документацию для пользователей и администраторов. Тестирование: Проведите тщательное тестирование интерфейса , чтобы убедиться в его удобстве и функциональности. Примерная структура папок frontend (React): src/ components/ # Переиспользуемые компоненты UI SystemCard.js MetricItem.js ... pages/ # Страницы приложения Dashboard.js SystemView.js MetricDetail.js services/ # Логика взаимодействия с backend api.js utils/ # Вспомогательные функции App.js index.jsПримерная структура backend (Node.js/Express): routes/ systems.js metrics.js users.js controllers/ systemController.js metricController.js userController.js models/ System.js Metric.js User.js app.jsКак начать: 1. Определите MVP (Minimum Viable Product): Сосредоточьтесь на основных функциях и реализуйте их в первую очередь. 2. Создайте макеты (wireframes) и прототипы: Протестируйте интерфейс с пользователями на ранних этапах разработки. 3. Используйте гибкие методологии разработки (Agile/Scrum): Разбивайте проект на небольшие итерации и постоянно собирайте обратную связь. Надеюсь , это поможет вам создать отличный интерфейс для комплексного мониторинга! Если у вас есть какие-либо вопросы , не стесняйтесь спрашивать. Я готов помочь вам на каждом этапе разработки. ,

_hackstone

Основание и Императорская эпоха (1907-1917) * **1907 г.** — По Высочайшему повелению Императора Николая II в Санкт-Петербурге основан **Психоневрологический институт**. Его создатель — выдающийся ученый-энциклопедист , академик **Владимир Михайлович Бехтерев**. * **Идея:** Институт задумывался как уникальное научно-образовательное учреждение , объединяющее все знания о человеке: его психике , организме и месте в обществе. * **1915 г.** — На базе медицинского факультета Института открываются **Женские медицинские курсы** , что стало важным шагом для развития женского образования в России. * С самого начала институт стал крупным центром науки , где работали светила медицины: сам В.М. Бехтерев , физиолог А.А. Ухтомский , гистолог А.С. Догель. Советский период: Становление и Развитие (1917-1991) * **1918 г.** — Медицинский факультет преобразован в **Петроградский медицинский институт**. * **1920 г.** — Институту присвоено имя великого русского биолога , нобелевского лауреата **Ильи Ильича Мечникова**. * **Годы Великой Отечественной войны** — Институт не прекращал работу. Преподаватели и студенты уходили на фронт , работали в госпиталях , спасали жизни в блокадном Ленинграде. Научные силы были направлены на решение военно-медицинских проблем. * **Послевоенные годы** — Активное восстановление и развитие материальной базы , открытие новых факультетов и кафедр. Институт становится одним из ведущих медицинских вузов СССР , кузницей кадров для всей страны. Современная история: Университетский статус (1991 - н.в.) * **1994 г.** — Институт получил статус **Медицинской академии**. * **1999 г.** — Академии присвоен статус **Университета**. Новое название: **Санкт-Петербургский государственный медицинский университет имени И.И. Мечникова**. * **2011-2013 гг.** — В результате реорганизации к университету были присоединены несколько других медицинских вузов города , что значительно усилило его потенциал. * **2021 г.** — Университет переименован в **Северо-Западный государственный медицинский университет имени И.И. Мечникова**. * Сегодня университет — это: * Крупный научно-образовательный кластер. * Современные образовательные программы и инновационные методы обучения. * Развитая клиническая база: собственные больницы и поликлиники. * Международное сотрудничество с ведущими вузами мира. Выдающиеся люди университета * **В.М. Бехтерев** — Основатель , невролог , психиатр. * **И.И. Мечников** — Нобелевский лауреат (1908) , биолог , основатель научной геронтологии. * **А.А. Ухтомский** — Физиолог , автор учения о доминанте. * **С.П. Фёдоров** — «Отец русской урологии» , основатель первой в России кафедры урологии. * **Г.Ф. Ланг** — Терапевт , создатель отечественной кардиологической школы. * И многие другие ученые , внесшие неоценимый вклад в мировую медицину. Наследие и Традиции **Миссия университета** — сохранение и приумножение традиций петербургской-ленинградской медицинской школы , подготовка высококвалифицированных врачей и ученых , служение здоровью человека. * **Девиз:** «*Ex traditione innovatio*» (От традиций — к инновациям). * **Выпускники** университета работают по всей России и за рубежом , продолжая славные традиции своих учителей. Ключевые даты | Год | Событие | | :--- | :--- | | **1907** | Основание Психоневрологического института | | **1918** | Создание Петроградского медицинского института | | **1920** | Присвоение имени И.И. Мечникова | | **1994** | Получение статуса Медицинской академии | | **1999** | Присвоение статуса Университета | | **2021** | Переименование в СЗГМУ им. И.И. Мечникова | **(Нижняя часть стенда: логотип университета , контактная информация или QR-код , ведущий на официальный сайт)** **www.szgmu.ru** ### **Рекомендации по оформлению стенда:** * **Цветовая гамма:** Используйте классические для медицины и солидных учреждений цвета: глубокий синий , бордовый , белый , золотой. Фон должен быть нейтральным (белый , светло-серый , кремовый) для лучшей читаемости. * **Визуальный ряд:** Обязательно включите архивные и современные фотографии: главное здание на Пискаревском проспекте , портреты Бехтерева и Мечникова , фотографии студентов разных эпох. * **Шрифты:** Используйте четкие , легко читаемые шрифты. Заголовки можно сделать более строгими и классическими. * **Структура:** Разделите информацию на блоки с четкими заголовками , чтобы взгляд легко скользил по стенду. ,

_hackstone

Основание и Императорская эпоха (1907-1917) * **1907 г.** — По Высочайшему повелению Императора Николая II в Санкт-Петербурге основан **Психоневрологический институт**. Его создатель — выдающийся ученый-энциклопедист , академик **Владимир Михайлович Бехтерев**. * **Идея:** Институт задумывался как уникальное научно-образовательное учреждение , объединяющее все знания о человеке: его психике , организме и месте в обществе. * **1915 г.** — На базе медицинского факультета Института открываются **Женские медицинские курсы** , что стало важным шагом для развития женского образования в России. * С самого начала институт стал крупным центром науки , где работали светила медицины: сам В.М. Бехтерев , физиолог А.А. Ухтомский , гистолог А.С. Догель. Советский период: Становление и Развитие (1917-1991) * **1918 г.** — Медицинский факультет преобразован в **Петроградский медицинский институт**. * **1920 г.** — Институту присвоено имя великого русского биолога , нобелевского лауреата **Ильи Ильича Мечникова**. * **Годы Великой Отечественной войны** — Институт не прекращал работу. Преподаватели и студенты уходили на фронт , работали в госпиталях , спасали жизни в блокадном Ленинграде. Научные силы были направлены на решение военно-медицинских проблем. * **Послевоенные годы** — Активное восстановление и развитие материальной базы , открытие новых факультетов и кафедр. Институт становится одним из ведущих медицинских вузов СССР , кузницей кадров для всей страны. Современная история: Университетский статус (1991 - н.в.) * **1994 г.** — Институт получил статус **Медицинской академии**. * **1999 г.** — Академии присвоен статус **Университета**. Новое название: **Санкт-Петербургский государственный медицинский университет имени И.И. Мечникова**. * **2011-2013 гг.** — В результате реорганизации к университету были присоединены несколько других медицинских вузов города , что значительно усилило его потенциал. * **2021 г.** — Университет переименован в **Северо-Западный государственный медицинский университет имени И.И. Мечникова**. * Сегодня университет — это: * Крупный научно-образовательный кластер. * Современные образовательные программы и инновационные методы обучения. * Развитая клиническая база: собственные больницы и поликлиники. * Международное сотрудничество с ведущими вузами мира. Выдающиеся люди университета * **В.М. Бехтерев** — Основатель , невролог , психиатр. * **И.И. Мечников** — Нобелевский лауреат (1908) , биолог , основатель научной геронтологии. * **А.А. Ухтомский** — Физиолог , автор учения о доминанте. * **С.П. Фёдоров** — «Отец русской урологии» , основатель первой в России кафедры урологии. * **Г.Ф. Ланг** — Терапевт , создатель отечественной кардиологической школы. * И многие другие ученые , внесшие неоценимый вклад в мировую медицину. Наследие и Традиции **Миссия университета** — сохранение и приумножение традиций петербургской-ленинградской медицинской школы , подготовка высококвалифицированных врачей и ученых , служение здоровью человека. * **Девиз:** «*Ex traditione innovatio*» (От традиций — к инновациям). * **Выпускники** университета работают по всей России и за рубежом , продолжая славные традиции своих учителей. Ключевые даты | Год | Событие | | :--- | :--- | | **1907** | Основание Психоневрологического института | | **1918** | Создание Петроградского медицинского института | | **1920** | Присвоение имени И.И. Мечникова | | **1994** | Получение статуса Медицинской академии | | **1999** | Присвоение статуса Университета | | **2021** | Переименование в СЗГМУ им. И.И. Мечникова | **(Нижняя часть стенда: логотип университета , контактная информация или QR-код , ведущий на официальный сайт)** **www.szgmu.ru** ### **Рекомендации по оформлению стенда:** * **Цветовая гамма:** Используйте классические для медицины и солидных учреждений цвета: глубокий синий , бордовый , белый , золотой. Фон должен быть нейтральным (белый , светло-серый , кремовый) для лучшей читаемости. * **Визуальный ряд:** Обязательно включите архивные и современные фотографии: главное здание на Пискаревском проспекте , портреты Бехтерева и Мечникова , фотографии студентов разных эпох. * **Шрифты:** Используйте четкие , легко читаемые шрифты. Заголовки можно сделать более строгими и классическими. * **Структура:** Разделите информацию на блоки с четкими заголовками , чтобы взгляд легко скользил по стенду. ,

_hackstone

Основание и Императорская эпоха (1907-1917) * **1907 г.** — По Высочайшему повелению Императора Николая II в Санкт-Петербурге основан **Психоневрологический институт**. Его создатель — выдающийся ученый-энциклопедист , академик **Владимир Михайлович Бехтерев**. * **Идея:** Институт задумывался как уникальное научно-образовательное учреждение , объединяющее все знания о человеке: его психике , организме и месте в обществе. * **1915 г.** — На базе медицинского факультета Института открываются **Женские медицинские курсы** , что стало важным шагом для развития женского образования в России. * С самого начала институт стал крупным центром науки , где работали светила медицины: сам В.М. Бехтерев , физиолог А.А. Ухтомский , гистолог А.С. Догель. Советский период: Становление и Развитие (1917-1991) * **1918 г.** — Медицинский факультет преобразован в **Петроградский медицинский институт**. * **1920 г.** — Институту присвоено имя великого русского биолога , нобелевского лауреата **Ильи Ильича Мечникова**. * **Годы Великой Отечественной войны** — Институт не прекращал работу. Преподаватели и студенты уходили на фронт , работали в госпиталях , спасали жизни в блокадном Ленинграде. Научные силы были направлены на решение военно-медицинских проблем. * **Послевоенные годы** — Активное восстановление и развитие материальной базы , открытие новых факультетов и кафедр. Институт становится одним из ведущих медицинских вузов СССР , кузницей кадров для всей страны. Современная история: Университетский статус (1991 - н.в.) * **1994 г.** — Институт получил статус **Медицинской академии**. * **1999 г.** — Академии присвоен статус **Университета**. Новое название: **Санкт-Петербургский государственный медицинский университет имени И.И. Мечникова**. * **2011-2013 гг.** — В результате реорганизации к университету были присоединены несколько других медицинских вузов города , что значительно усилило его потенциал. * **2021 г.** — Университет переименован в **Северо-Западный государственный медицинский университет имени И.И. Мечникова**. * Сегодня университет — это: * Крупный научно-образовательный кластер. * Современные образовательные программы и инновационные методы обучения. * Развитая клиническая база: собственные больницы и поликлиники. * Международное сотрудничество с ведущими вузами мира. Выдающиеся люди университета * **В.М. Бехтерев** — Основатель , невролог , психиатр. * **И.И. Мечников** — Нобелевский лауреат (1908) , биолог , основатель научной геронтологии. * **А.А. Ухтомский** — Физиолог , автор учения о доминанте. * **С.П. Фёдоров** — «Отец русской урологии» , основатель первой в России кафедры урологии. * **Г.Ф. Ланг** — Терапевт , создатель отечественной кардиологической школы. * И многие другие ученые , внесшие неоценимый вклад в мировую медицину. Наследие и Традиции **Миссия университета** — сохранение и приумножение традиций петербургской-ленинградской медицинской школы , подготовка высококвалифицированных врачей и ученых , служение здоровью человека. * **Девиз:** «*Ex traditione innovatio*» (От традиций — к инновациям). * **Выпускники** университета работают по всей России и за рубежом , продолжая славные традиции своих учителей. Ключевые даты | Год | Событие | | :--- | :--- | | **1907** | Основание Психоневрологического института | | **1918** | Создание Петроградского медицинского института | | **1920** | Присвоение имени И.И. Мечникова | | **1994** | Получение статуса Медицинской академии | | **1999** | Присвоение статуса Университета | | **2021** | Переименование в СЗГМУ им. И.И. Мечникова | **(Нижняя часть стенда: логотип университета , контактная информация или QR-код , ведущий на официальный сайт)** **www.szgmu.ru** ### **Рекомендации по оформлению стенда:** * **Цветовая гамма:** Используйте классические для медицины и солидных учреждений цвета: глубокий синий , бордовый , белый , золотой. Фон должен быть нейтральным (белый , светло-серый , кремовый) для лучшей читаемости. * **Визуальный ряд:** Обязательно включите архивные и современные фотографии: главное здание на Пискаревском проспекте , портреты Бехтерева и Мечникова , фотографии студентов разных эпох. * **Шрифты:** Используйте четкие , легко читаемые шрифты. Заголовки можно сделать более строгими и классическими. * **Структура:** Разделите информацию на блоки с четкими заголовками , чтобы взгляд легко скользил по стенду. ,

ggyfcgvcvccbbf-sketch

Шаблон обзора лучших компьютеры 1. **Название ресторана:** "Гастрономия вкуса" 2. **Адрес:** г. Москва , ул. Ленина , д. 10 3. **Меню и кухня:** - **Кухня:** Европейская с элементами авторской - **Тип блюд:** Закуски , супы , основные блюда , десерты - **Особенности меню:** Сезонное меню , использование локальных продуктов , авторские интерпретации классических блюд 4. **Цены:** - **Средний чек:** 2500-3000 рублей - **Ценовые категории блюд:** - Закуски: 500-1000 рублей - Супы: 700-1200 рублей - Основные блюда: 1500-2500 рублей - Десерты: 500-1000 рублей 5. **Интерьер и атмосфера:** - **Описание интерьера:** Современный стиль с элементами лофта , большие окна с видом на город , уютная и расслабляющая атмосфера - **Уровень комфорта:** Высокий , удобные кресла и диваны , качественное освещение - **Музыкальное сопровождение:** Фоновая музыка , живая музыка по вечерам 6. **Сервис и обслуживание:** - **Качество обслуживания:** Высокий , вежливый и внимательный персонал - **Внимательность персонала:** Персонал всегда готов помочь с выбором блюд и напитков - **Скорость подачи блюд:** Быстрая , около 15-20 минут на основные блюда 7. **Отзывы клиентов:** - **Общее впечатление:** Положительные , клиенты отмечают вкусную еду и отличный сервис - **Качество еды и обслуживания:** Высокое , многие рекомендуют "Гастрономию вкуса" своим друзьям 8. **Акции и специальные предложения:** - **Дегустационные меню:** Еженедельные дегустации новых блюд - **Скидки:** 10% на первый заказ для новых клиентов - **Праздничные акции:** Специальные ,

ggyfcgvcvccbbf-sketch

Шаблон обзора лучших компьютеры 1. **Название ресторана:** "Гастрономия вкуса" 2. **Адрес:** г. Москва , ул. Ленина , д. 10 3. **Меню и кухня:** - **Кухня:** Европейская с элементами авторской - **Тип блюд:** Закуски , супы , основные блюда , десерты - **Особенности меню:** Сезонное меню , использование локальных продуктов , авторские интерпретации классических блюд 4. **Цены:** - **Средний чек:** 2500-3000 рублей - **Ценовые категории блюд:** - Закуски: 500-1000 рублей - Супы: 700-1200 рублей - Основные блюда: 1500-2500 рублей - Десерты: 500-1000 рублей 5. **Интерьер и атмосфера:** - **Описание интерьера:** Современный стиль с элементами лофта , большие окна с видом на город , уютная и расслабляющая атмосфера - **Уровень комфорта:** Высокий , удобные кресла и диваны , качественное освещение - **Музыкальное сопровождение:** Фоновая музыка , живая музыка по вечерам 6. **Сервис и обслуживание:** - **Качество обслуживания:** Высокий , вежливый и внимательный персонал - **Внимательность персонала:** Персонал всегда готов помочь с выбором блюд и напитков - **Скорость подачи блюд:** Быстрая , около 15-20 минут на основные блюда 7. **Отзывы клиентов:** - **Общее впечатление:** Положительные , клиенты отмечают вкусную еду и отличный сервис - **Качество еды и обслуживания:** Высокое , многие рекомендуют "Гастрономию вкуса" своим друзьям 8. **Акции и специальные предложения:** - **Дегустационные меню:** Еженедельные дегустации новых блюд - **Скидки:** 10% на первый заказ для новых клиентов - **Праздничные акции:** Специальные ,

Kelly-K-g

Создай несколько вариантов дизайна обложки для книги под названием «Как быть , когда быть уже тяжело» , автор: Котельникова Лаура. Расскажу немного о книге: она создана для подростков и молодых людей , которые чувствуют себя тревожно в вечно меняющемся мире. В ней есть КПТ практики для самопомощи-ведь это основная цель книги (дать людям возможность грамотной самопомощи). Дизайн книги должен быть нежным , нежно-розового или нежно-голубого цвета. Подбери красивый , необычный , но хорошо читаемый шрифт. Не делай на обложке изображения каких-то людей , сделай что-то минималистичное , но душевное и приятное. ,

Svetlana1206

Создай принт исходя из следующих данных: САМЫЕ ПОПУЛЯРНЫЕ ПРИНТЫ (рисунки и надписи) весна-лето 2025 на Вайлдберриз! ТОП-12 у женщин Ниже потом напишу как работать с принтами НЕ ТОЛЬКО в одежде (подарки , декор , подушки , канцтовары , упаковка и пр.) , но пока посмотрим лидеров в футболках. Принт дает вам уникальность - вы можете создать принт , который будет кормить вас много лет. Таких примеров много (принт 2022 года , в этом году принес 48 млн руб заказов https://www.wildberries.ru/catalog/115819538/detail.aspx). Не обязательно он будет в топе , но будет давать продажи на 1-2 млн руб и их может быть много (принтов). Новые принты появляются КАЖДЫЙ сезон - ротация идет постоянно. Смотрите в топ100 женских футболок , около трети с принтами и более половины принтов свежие - этого года. ВЕСНА - ЛЕТО 2025 (все вышли на ВБ только в этом году! 1 марта - 10 июля продажи , выкуп 60%) Я не брал принты с нарушением авторских прав (персонажи мультиков) , надпись-бренд и очередные версии "CALIFORNIA" ▪️103 млн , белая цветы (товар Ивана из Акул) https://www.wildberries.ru/catalog/301215082/detail.aspx ▪️57 млн , белая , губы-жемчуг (тоже товар Акул) https://www.wildberries.ru/catalog/338278788/detail.aspx (есть еще в другом цвете - черная - много млн руб) ▪️52 млн руб , розовая , надпись "Плохие решения" https://www.wildberries.ru/catalog/291315813/detail.aspx ▪️46 млн , бордо , ковер https://www.wildberries.ru/catalog/360640653/detail.aspx (тоже есть в других цветах на 40+ млн рублей!) ▪️46 млн руб , вишни-бантики , https://www.wildberries.ru/catalog/332699043/detail.aspx ▪️43 млн руб , розовая , цветы https://www.wildberries.ru/catalog/295826533/detail.aspx ▪️38 млн , белая цветы https://www.wildberries.ru/catalog/332756474/detail.aspx ▪️34 млн , розовая , сердце https://www.wildberries.ru/catalog/331009250/detail.aspx ▪️29 млн руб , надпись англ "Я люблю сарказм" https://www.wildberries.ru/catalog/370889823/detail.aspx ▪️25 млн руб , цветы https://www.wildberries.ru/catalog/375586027/detail.aspx (самый странный принт на мой мужской взгляд для лидеров) ▪️23 млн руб , бантики леопард https://www.wildberries.ru/catalog/388058130/detail.aspx ▪️17 млн руб , вишня губы https://www.wildberries.ru/catalog/420931927/detail.aspx Как видите , разброс цветов и принтов большой. Наибольшие шансы - вариации на тему цветы/ сердце/ бабочки/ леопарды / вишни / губы. Надписи чаще всего с вызовом и ТОЛЬКО на английском - Плохие решения , Я люблю сарказм и пр. Самым необычным (я смотрю на принты более 4 лет) считаю губы из жемчуга от Акул. 🔥🔥🔥 Акулы создали 2 самых популярных принта этого сезона - спросил у Ивана как - микс человек/нейросеть и тест более 100 принтов на кликабельность. ,

stanis000

Это цифровой арт , основанный на оригинальной авторской картине , в котором персонаж «Криптанутый» предстает как воплощение криптохаоса , мем-культуры и цифрового безумия. Образ сочетает элементы сюрреализма с современной криптоэстетикой. Детали образа: Выражение лица: Эксцентричное , с легкой ухмылкой , отражающей иронию и высокую эмоциональность. Глаза персонажа светятся , как динамичные графики трейдинга , демонстрируя постоянное движение рынка. Усы: Экспериментальные , волнообразные – они плавно переходят в символы криптографического кода , намекая на секретные алгоритмы и скрытые инсайды. Фон: Фон – хаотичная смесь неоновых оттенков (кислотный зелёный , фиолетовый , лазурный) с цифровыми глитч-эффектами. Здесь присутствуют абстрактные элементы: блокчейн-символы , цифровые QR-коды и отрывки криптографических алгоритмов. Пасхалка с названием: В композицию органично интегрирован зашифрованный вариант названия «Криптанутый». Например , текст может выглядеть как набор символов (₭Ɽł₱₮₳₦Ữ₸Ɏ) или быть спрятан в виде графического паттерна , который раскрывается лишь при детальном рассмотрении. Мем тематика и хайп: Визуальные отсылки к культовым криптомемам (например , намеки на популярные фразы «to the moon» , «HODL» , «diamond hands») могут быть встроены в виде мелких деталей или всплывающих элементов. Они должны быть стилизованы так , чтобы не нарушать общую концепцию , а лишь подчеркивать дух хайпа и иронии. Эстетика: Стиль: Сюрреалистический , вдохновленный классикой , но адаптированный под цифровой век. Элементы киберпанка , цифровые глитчи и психоделические эффекты создают ощущение динамичности и нестабильности , характерной для криптомира. Цветовая гамма: Насыщенные неоновые цвета на фоне глубокого чёрного или темного индиго , создающие яркий контраст и подчеркивающие энергию и безумие образа. ,

alsaparov

Техническое задание на разработку функционала управления чаевыми для веб-версии ресторана 1. Цель проекта Разработать функционал для управления чаевыми , включающий страницу распределения чаевых для сотрудников с ролью "главный" , историю транзакций и механизм подтверждения вывода средств через SMS-код. 2. Функциональные требования 2.1. История транзакций • На странице распределения чаевых разместить два раздела для отображения истории: поступления чаевых и распределения чаевых. • В каждом разделе отображать информацию о времени транзакции , сумме , комментарии (при наличии) , оценке/рейтинге (для поступлений) и именах сотрудников (для распределений). • Реализовать функционал фильтрации и поиска по истории транзакций по датам , суммам и другим параметрам. 2.2. Страница распределения чаевых • Отображение текущей суммы накопленных чаевых , доступных для распределения. • Поле для выбора способа распределения суммы: поровну между всеми выбранными сотрудниками , процент от общей суммы или фиксированная сумма на каждого сотрудника. • Список сотрудников заведения с возможностью множественного выбора , включая кнопку для выбора всех сотрудников. • Панель справа от списка сотрудников , отображающая сумму чаевых , которая будет распределена каждому выбранному сотруднику , автоматически обновляющаяся при изменении выбора и настроек распределения. • Кнопка "Вывести чаевые" для инициирования процесса распределения и вывода средств. 2.3. Подтверждение вывода через SMS • При нажатии на кнопку "Вывести чаевые" пользователю предлагается ввести код высланный на его номер телефона привязанный к аккаунту. • После ввода кода на странице , производится проверка его подлинности. При успешной проверке выполняется операция распределения и вывода чаевых , при неудачной - выводится сообщение об ошибке. 3. Нефункциональные требования 3.1. Безопасность • Реализовать аутентификацию и авторизацию пользователей , с ограничением доступа к функционалу управления чаевыми только для сотрудников с ролью "главный". 3.2. Отзывчивость и доступность • Разработать интерфейс с учетом принципов UX/UI , обеспечивающий удобство использования для всех пользователей. • Сохраните единообразие дизайна с остальными страницами сайта , используя стили и компоненты. • Сделать приложение адаптивным для просмотра на различных устройствах (десктопы , планшеты , смартфоны). , Pencil Sketch ,