Leuke infographic-tutorial over Google Fonts

Maak een mooie, zachte infographic-slide in Japanse stijl met een strakke witte achtergrond en zachte, afgeronde abstracte kleurblokken in lichtblauw, crème en lichtgroen. Het ontwerp is vriendelijk, educatief en modern, met gedurfde, afgeronde Japanse typografie, subtiele schaduwen, dunne grijze contouren, stippellijnen als scheidingstekens en kleine decoratieve doodles. Plaats bovenaan in het midden een opvallende, donkerblauwe titel met de tekst &quot;Hoe Google Fonts te gebruiken&quot;. Voeg direct daaronder een blauwe subtitel toe met de tekst &quot;Importeren in 3 stappen&quot;, geflankeerd door een rij kleine blauwe stippen. Voeg in de rechterbovenhoek een rond blauw pagina-icoon toe met de tekst &quot;2/2&quot;. Schik drie afgeronde rechthoekige stapkaarten gelijkmatig van links naar rechts in de middelste rij bovenaan. Elke kaart heeft een lichte achtergrond, zachte randen en een kleurrijk rond icoon met een nummer in de linkerbovenhoek. Kaart 1 heeft een lichtblauwe achtergrond en een blauw icoon met &quot;1&quot; erin. De eerste kaart toont een eenvoudig vergrootglasicoon over de letter &quot;Aa&quot;, versierd met een kleine gele ster. De vetgedrukte titel luidt &quot;Lettertypen selecteren&quot; en de kleinere tekst eronder luidt &quot;Lettertypen ontdekken die je mooi vindt&quot;. Kaart 2 heeft een lichtgroene achtergrond met een groene badge met het cijfer &quot;2&quot;. Er wordt een browservensterpictogram weergegeven met haakjes &quot;...&quot;.</> Het klembord wordt weergegeven met een kleine groene animatiemarkering. De vetgedrukte titel luidt &quot;Code kopiëren&quot; en de kleinere tekst eronder luidt &quot;Link ophalen @import &quot;. Kaart 3 heeft een lichtcrème achtergrond met een oranje badge met het cijfer &quot;3&quot;. Binnenin wordt een documentpictogram met het label &quot;CSS&quot; weergegeven met een kleine oranje decoratieve markering. De vetgedrukte titel luidt &quot;Specificeren in CSS&quot; en de kleinere tekst eronder luidt &quot;Lettertype instellen&quot;. Twee middelgrote blauwe driehoekige pijlen zijn tussen de drie kaarten geplaatst om het proces te illustreren. In het midden onderaan zijn drie horizontaal uitgelijnde presentatievakken gemaakt. Het linker vak is een afgerond wit codevenster met een klein blauw label met de tekst &quot;HTML&quot;. Binnenin wordt de volgende code in blauwe tekst weergegeven, strikt verdeeld over drie regels: <link href=\"https://fonts.googleapis.com/"
"css2?family=Kiwi+Maru&display=swap"
"rel=\"stylesheet\"> Het middelste frame is een afgerond wit codevenster met een klein groen label met de tekst &quot;CSS&quot;. Binnenin staat &quot;body {&quot; &quot; font-family: &#39;Kiwi Maru&#39;, serif;&quot; &quot;}&quot; in donkere tekst. Het rechter frame is een afgerond wit gesimuleerd browservenster met een lichtblauwe titelbalk en drie kleine rode, gele en groene ronde vensterknoppen in de linkerbovenhoek. Binnenin staat de zwarte Japanse voorbeeldtekst &quot;こんにちは、 Kiwi Maru&quot; in een schattig, afgerond handgeschreven lettertype. Aan de rechterkant van dit browservenster zijn twee kleine glitterdecoraties toegevoegd. Onderaan zijn van links naar rechts vier pilvormige badges geplaatst. Badge 1 is wit met een klein blauw sterretje en de tekst &quot;Google Fonts を使うメリット&quot;. Badge 2 is lichtblauw met de vetgedrukte tekst &quot;無料&quot; en een roze hartje. Badge 3 is lichtgroen met de vetgedrukte tekst &quot;すぐ使える&quot; en een klein wekkericoontje. Badge 4... Het canvas is lichtgeel, met de vetgedrukte tekst &quot;日本語フォントも豊富&quot; (Japanse woordenschat is overvloedig) en een klein bloemicoontje. Vier extra decoratieve elementen zijn rond het canvas toegevoegd: een gele glitterstreep boven de titel, een lichtblauw stippenraster linksboven, een dunne lichtgroene ring aan de linkerkant en een miniatuurillustratie van een lachende bonsai linksonder. Het ontwerp behoudt de platte vectorstijl en is helder, schattig en zeer leesbaar, wat doet denken aan een educatieve carrousel op sociale media.