Инфографика с обучающим руководством по использованию симпатичных шрифтов Google Fonts

Создайте очаровательный, мягкий инфографический слайд в японском стиле с чистым белым фоном и мягкими, округлыми абстрактными цветовыми блоками светло-голубого, кремового и светло-зеленого цветов. Дизайн дружелюбный, познавательный и современный, с использованием смелой, округлой японской типографики, едва заметных теней, тонких серых контуров, пунктирных разделителей и небольших декоративных рисунков. В верхней центральной части разместите яркий, темно-синий заголовок «Как использовать шрифты Google». Непосредственно под ним добавьте синий подзаголовок «Импорт в 3 шага», окруженный рядом маленьких синих точек. В правом верхнем углу добавьте круглый синий значок страницы с надписью «2/2». Расположите три закругленные прямоугольные карточки с шагами равномерно слева направо в среднем ряду вверху. Каждая карточка имеет светлый фон, мягкие границы и красочный круглый значок с цифрой в верхнем левом углу. Карточка 1 имеет светло-голубой фон и синий значок с надписью «1» внутри. На первой карточке изображен простой значок лупы, наложенный на букву «Аа», украшенный маленькой жёлтой звёздочкой. Жирным шрифтом написано «Выберите шрифты», а мелким шрифтом ниже — «Изучите понравившиеся вам шрифты». На второй карточке светло-зелёный фон с зелёным значком, содержащим цифру «2». На ней отображается значок окна браузера в скобках «...».</> Буфер обмена отображается с помощью небольшого зеленого анимированного маркера. Жирным шрифтом выделен заголовок «Скопируйте код», а ниже — более мелкий текст «Получите ссылку @import ». Карточка 3 имеет светло-кремовый фон с оранжевым значком, содержащим цифру «3». Внутри отображается значок документа с надписью «CSS» и небольшим оранжевым декоративным маркером. Жирным шрифтом выделен заголовок «Укажите в CSS», а ниже — более мелкий текст «Настройте семейство шрифтов». Между тремя карточками расположены две средние по размеру синие треугольные стрелки для иллюстрации процесса. В нижней центральной части созданы три горизонтально выровненных блока презентации. Левый блок представляет собой белую панель с закругленными углами и небольшой синей надписью «HTML». Внутри отображается следующий код синим текстом, строго разделенный на три строки: <link href=\"https://fonts.googleapis.com/"
"css2?family=Kiwi+Maru&display=swap"
"rel=\"stylesheet\"> Средняя рамка представляет собой белую закругленную панель кода с небольшой зеленой надписью «CSS». Внутри нее отображается текст «body {» &quot; font-family: &#39;Kiwi Maru&#39;, serif;&quot; &quot;}» темным шрифтом. Правая рамка — это белое закругленное окно, имитирующее браузер, со светло-голубой строкой заголовка и тремя крошечными красными, желтыми и зелеными круглыми кнопками в верхнем левом углу. Внутри отображается черный японский пример текста «こんにちは、 Kiwi Maru» милым закругленным рукописным шрифтом. С правой стороны этого окна браузера добавлены два небольших блестящих украшения. Внизу слева направо расположены четыре значка в форме таблеток. Значок 1 белый с маленькой синей звездочкой и текстом «Google Fonts を使うメリット». Значок 2 светло-голубой с жирным текстом «無料» и розовым сердечком. Значок 3 светло-зеленого цвета с жирным текстом &quot;すぐ使える&quot; и маленькой иконкой будильника. Значок 4... Холст бледно-желтого цвета с жирным текстом &quot;日本語フォントも豊富&quot; (Японский словарный запас богат) и маленькой иконкой цветка. Вокруг холста добавлены четыре дополнительных декоративных элемента: желтая блестящая полоска над заголовком, светло-голубая пунктирная сетка в верхнем левом углу фона, тонкое светло-зеленое кольцо слева и миниатюрная иллюстрация улыбающегося бонсай в нижнем левом углу. Сохраняя общий плоский векторный стиль, дизайн получился четким, милым и легко читаемым, напоминающим образовательную карусель в социальных сетях.