Søt infografikk for veiledning om Google Fonts

Lag et fint, mykt infografisk lysbilde i japansk stil med en ren hvit bakgrunn og myke, avrundede abstrakte fargeblokker i lyseblått, kremfarget og lysegrønt. Designet er vennlig, lærerik og moderne, med dristig, avrundet japansk typografi, subtile skygger, tynne grå konturer, stiplede linjeskilletegn og små dekorative kruseduller. Øverst i midten plasserer du en slående, dyp marineblå tittel som lyder «Slik bruker du Google Fonts». Rett under den legger du til en blå undertittel som lyder «Importering med 3 trinn», flankert av en rad med små blå prikker. I øvre høyre hjørne legger du til et sirkulært blått sidemerke som lyder «2/2». Arranger tre avrundede rektangulære trinnkort jevnt fordelt fra venstre til høyre i den midterste raden øverst. Hvert kort har en lys bakgrunn, myke kanter og et fargerikt sirkulært merke med et tall i øvre venstre hjørne. Kort 1 har en lyseblå bakgrunn og et blått merke med «1» skrevet inni. Det første kortet har et enkelt forstørrelsesglassikon lagt over bokstaven «Aa», dekorert med en liten gul stjerne. Den uthevede tittelen lyder «Velg fonter», og den mindre teksten nedenfor lyder «Utforsk fonter du liker». Kort 2 har en lysegrønn bakgrunn med et grønt merke som inneholder tallet «2». Det viser et ikon i nettleservinduet med parenteser «...».</> Utklippstavlen vises med en liten grønn animert markør. Den fete tittelen lyder «Kopier koden», og den mindre teksten nedenfor lyder «Hent lenken @import ». Kort 3 har en lys kremfarget bakgrunn med et oransje merke som inneholder tallet «3». Inni vises et dokumentikon merket «CSS» med en liten oransje dekorativ markør. Den fete tittelen lyder «Spesifiser i CSS», og den mindre teksten nedenfor lyder «Sett opp skrifttypefamilie». To mellomstore blå trekantede piler er plassert mellom de tre kortene for å illustrere prosessen. Nederst i midten er det laget tre horisontalt justerte presentasjonsbokser. Den venstre boksen er et avrundet hvitt kodepanel med en liten blå etikett som lyder «HTML». Inni vises følgende kode i blå tekst, strengt delt inn i tre linjer: <link href=\"https://fonts.googleapis.com/"
"css2?family=Kiwi+Maru&display=swap"
"rel=\"stylesheet\"> Midtrammen er et avrundet hvitt kodepanel med en liten grønn etikett som sier «CSS». Inni vises «body {» «font-family: &#39;Kiwi Maru&#39;, serif;&quot; «}» i mørk tekst. Den høyre rammen er et avrundet hvitt simulert nettleservindu med en lyseblå tittellinje og tre små røde, gule og grønne sirkulære vindusknapper i øvre venstre hjørne. Inni vises den svarte japanske eksempelteksten «こんにちは、 Kiwi Maru» i en søt, avrundet håndskrevet skrift. To små glitterdekorasjoner er lagt til høyre side av dette nettleservinduet. Nederst er fire pilleformede merker plassert fra venstre til høyre. Merke 1 er hvit med et lite blått stjerneikon og teksten «Google Fonts を使うメリット». Merke 2 er lyseblå med den fet skriften «無料» og et rosa hjerte. Merke 3 er lysegrønn med den fet skriften «すぐ使える» og et lite vekkerklokkeikon. Merke 4... Lerretet er lysegult med den fet skriften «日本語フォントも豊富» (et rikt japansk ordforråd) og et lite blomsterikon. Fire ekstra dekorative elementer er lagt til rundt lerretet: et gult trestrøksglitter over tittelen, et lyseblått prikket rutenett øverst til venstre i bakgrunnen, en tynn lysegrønn ring til venstre og en miniatyr-illustrasjon av en smilende bonsai nederst til venstre. Designet opprettholder den generelle flate vektorstilen og er tydelig, søtt og lettlest, og minner om en pedagogisk karusell for sosiale medier.