Японская инфографика с использованием шрифтов Google Fonts

{ "type": "Японский инфографический постер", "topic": "Введение в шрифты Google Fonts", "style": { "look": "Простые, плоские, современные слайды презентации", "palette": "Белый фон, дополненный мягкими светло-голубыми, зелеными, желтыми и лавандовыми акцентами", "aspect_ratio": "16:9", "lighting": "Яркие и равномерные цифровые графические эффекты освещения", "finish": "Четкая инфографика в векторном стиле с едва заметными тенями и закругленными углами." }, "text": { "headline": "{argument name=\"headline text\" default=\"Что такое шрифты Google Fonts?"}", "subheadline": "Бесплатный сервис шрифтов Google", "sample_label": "Пример:", "sample_text": "{argument name=\"sample text\" default=\"Привет, こんにちは\""}", "page_indicator": "1 / 2" }, "layout": { "sections": [ { "title": "Верхний заголовок", "position": "По центру сверху", "count": 2, "labels": [ "Что такое шрифты Google Fonts?", "Бесплатный сервис шрифтов Google" ] }, { "title": "Функциональные карточки", "position": "средний ряд", "count": 3, "labels": [ "1. Бесплатно для использования", "2. Огромное разнообразие", "3. Быстрое развертывание" ] }, { "title": "Используйте панель сцен", "позиция": "От нижнего левого угла к центру", "количество": 4, "метки": [ "Применимые сценарии", "Веб-разработка", "Создание слайдов", "Пользовательский интерфейс приложения" ] }, { "заголовок": "Пример области", "позиция": "Внизу справа", "количество": 2, "метки": [ "Пример:", "Привет, こんにちは" ] }, { "заголовок": "Разметка страницы", "позиция": "нижний правый угол", "количество": 1, "метки": [ "1 / 2" ] } ], "декорации фона": { "количество": 7, "элементы": [ "Светло-голубой органический цветовой блок в верхнем левом углу", "Синяя точечная сетка в верхнем левом углу", "Светло-голубое тонкое кольцо в верхнем правом углу", "Маленькая светло-голубая точка рядом с верхним правым углом", "Синяя точечная сетка у верхнего правого края", "Бледно-желтый органический цветовой блок в левом нижнем углу", "Светло-зеленая угловатая форма в правом нижнем углу" ] } }, "карточки": [ { "номер": "1", "название": "Бесплатно для использования", "описание": "Можно широко использовать в дизайне веб-сайтов, приложений и презентаций."", "визуальное оформление": "Белая карточка со скругленными углами и легким затенением, с синим значком номера; слева — иллюстрация окна браузера с крупным шрифтом с засечками "Aa", справа — серая текстовая строка, а ниже — маленькая синяя кнопка." }, { "номер": "2", "название": "Широкий выбор", "описание": "Есть не только английские шрифты, но и японские."", "визуальное оформление": "Белая карточка со скругленными углами и легким затенением, с синим значком номера и крупным типографским примером Aa あア с синими, розовыми и желтыми подчеркиваниями ниже." }, { "number": "3", "title": "Быстрое развертывание", "description": "Просто добавьте ссылку для загрузки шрифта в веб."", "visual": "Белая карточка со скругленными углами и легким затенением, с синим значком номера и темно-синей панелью кода, содержащей HTML-тег ссылки на Google Fonts." } ], "lower_band": { "left_icon": "Синяя мигающая иконка внутри светло-голубого круга", "title": "Применимые сценарии", "chips": { "count": 3, "items": [ { "label": "Веб-разработка", "color": "светло-голубой", "icon": "глобус" }, { "label": "Создание слайдов", "color": "Светло-зеленый", "icon": "презентационная доска" }, { "label": "Пользовательский интерфейс приложения", "color": "Светло-фиолетовый", "icon": "смартфон" } ] }, "divider": "Вертикальная пунктирная линия", "sample_preview": "Пример крупной черной типографики на белом фоне" }, "typography": { "headline_font": "{argument name=\"headline font\" default=\"Закругленный шрифт без засечек, похожий на Google Sans\"}", "body_font": "{argument name=\"body "font\" default=\"Simple Japanese sans-serif font\"}", "notes": "Слово \"Google\" в заголовке выполнено в официальном многоцветном стиле логотипа Google: синяя G, красная o, желтая o, синяя g, зеленая l и красная e; остальная часть заголовка выполнена темно-синим цветом." } }