Японский баннер SaaS «До и после»

{ "type": "Информация о баннере обновления функций SaaS", "style": "Дизайн выполнен в чистом и современном японском стиле технологического маркетинга, отличается изысканным пользовательским интерфейсом, глубоким темно-синим градиентным фоном, едва заметными точечными полутоновыми текстурами в верхнем левом и нижнем правом углах, мягкими изогнутыми акцентами и яркими неоново-голубыми акцентами, что создает утонченный и высококачественный визуальный эффект запуска продукта."", "canvas": { "aspect_ratio": "1:1" }, "headline": { "icon": "Иконка приложения представляет собой закругленный квадрат с белым символом камеры, голубым градиентным фоном и небольшими блестящими украшениями."", "title": "{argument name=\"headline text\" default=\"Photographs record and visualize changes\"}", "subtitle": "{argument name=\"subtitle text\" default=\"Comparison of management before and after by timeline\"}", "language": "Chinese", "title_style": "Крупный, жирный шрифт без засечек; первая фраза белая, и вторая фраза ярко-голубого цвета." "subtitle_style": "Средний по размеру жирный белый шрифт без засечек, с разделителями из голубого и золотого блеска с обеих сторон." }, "layout": { "sections": [ { "title": "Карточки сравнения", "position": "center", "count": 2, "labels": [ "До", "после" ] }, { "title": "Записи временной шкалы", "position": "bottom", "count": 5, "labels": [ "04/01 10:30", "04/15 10:30", "04/29 10:30", "05/13 10:30", "05/27 10:30" ] } ], "centerpiece": "Карточки "до" и "после", расположенные рядом, соединены круглой голубой стрелкой."", "bottom_panel": "Модуль временной шкалы в виде закругленного прямоугольника содержит пять миниатюр с датами, соединенных пунктирной горизонтальной полосой прогресса." }, "сравнение": { "тема": "Та же взрослая женщина, вид в профиль слева, с темно-каштановыми волосами, собранными в аккуратный низкий пучок, светлой кожей, в топе на тонких бретельках, студийное освещение, светло-серый фон." "конфиденциальность": "Области лица на большой карточке и всех пяти миниатюрах закрыты вертикальными прямоугольными блоками размытия." "до_карточки": { "метка": "До", "рамка": "Закругленный прямоугольник со светло-серой рамкой и мягкой тенью", "изображение": "Портрет в нейтральном клиническом стиле" }, "после_карточки": { "метка": "после", "рамка": "Закругленный прямоугольник со светло-голубой рамкой и мягкой тенью"", "изображение": "Похожие портреты с незначительными улучшениями линии челюсти/контура шеи, указывающими на видимые изменения." "декорации": "Затем в правом нижнем углу карточки мигают две голубые звезды." }, "коннектор": "Маленькая круглая голубая кнопка в центре карточки имеет белую стрелку, указывающую вправо." }, "timeline": { "panel_style": "Темный, полупрозрачный, закругленный контейнер с внутренним эффектом свечения."", "line": "Белая горизонтальная пунктирная линия", "entries": [ { "date": "04/01", "time": "10:30", "state": "Небольшой синий круглый узел над миниатюрой", "thumbnail": "Миниатюра профиля женщины с размытой областью и миниатюрной кнопкой с иконкой камеры в правом нижнем углу."", "frame": "Светло-серая рамка с закругленными углами" }, { "date": "04/15", "time": "10:30", "state": "Небольшой синий круглый узел над миниатюрой", "thumbnail": "Миниатюра профиля женщины с размытой областью и миниатюрной кнопкой с иконкой камеры в правом нижнем углу."", "frame": "Светло-серая рамка с закругленными углами" }, { "date": "04/29", "time": "10:30", "state": "В данный момент выбрано, с голубовато-белым кольцевым узлом."", "миниатюра": "Миниатюра профиля женщины с размытой областью и миниатюрной кнопкой с иконкой камеры в правом нижнем углу."", "рамка": "Ярко-голубая рамка со скругленными углами" }, { "дата": "13.05", "время": "10:30", "состояние": "Маленький синий круглый узел над миниатюрой", "миниатюра": "Миниатюра профиля женщины с размытой областью и миниатюрной кнопкой с иконкой камеры в правом нижнем углу."", "рамка": "Светло-серая рамка со скругленными углами" }, { "дата": "27.05", "время": "10:30", "состояние": "Выделенная веха с золотыми и белыми кольцевыми узлами", "миниатюра": "Миниатюра профиля женщины с размытой областью и миниатюрной кнопкой с иконкой камеры в правом нижнем углу."", "рамка": "Золотая рамка со скругленными углами" } ], "extra_decorations": "На самом правом краю панели временной шкалы расположены две маленькие золотые мерцающие звезды." }, "color_palette": { "background": "Градиент от темно-синего до индиго", "primary": "ярко-голубой", "secondary": "белый", "accent": "золотой", "support": "мягкий серый и сине-фиолетовый" }, "rendering": "Чистая векторная графика в сочетании с дизайном пользовательского интерфейса, дополненная реалистичными портретными фотографиями, сбалансированным интервалом и центрированной композицией, обеспечивает качество баннера целевой страницы стартапа." }