[website] Include US government web design standards in the list of websites using Prism!

[LeaVerou]

Woohoo!!!!

https://playbook.cio.gov/designstandards/

[loganfranken]

How exciting! 🎉

[Golmote]

That's awesome!
Do they have any logo, though? Also, which of the existing websites will we remove? (Or we can add a third line by displaying back Typeplate and adding Raspberry Pi for example. What do you think?

[LeaVerou]

We could include a small screenshot or something. It’s a government website, this is big! We won't let a lack of logo stop us in including it :D
I’m afraid TypePlate is a bit small compared to the other websites in the list, which affects the impression the whole list makes. I’m on the fence re:raspberry pi, it's well known, but not as well known as e.g. sitepoint or MDN. We can remove WebPlatform, since they're not using it everywhere, and it's also smaller than the rest of them. Or just add a third row with 1 item. Up to you, both are fine with me!

[Golmote]

Here we go!

[LeaVerou]

If we’re not gonna use a screenshot, perhaps we could just have styled text instead of an image of styled text?

[Golmote]

I'm not sure I wanna add the Merriweather font just for 4 words on the homepage... Can't we just consider this a logo?

[LeaVerou]

Oh, I didn’t realize you were using the font from the website! Of course then.

Another option would be to use a screenshot like this:

with background-size: cover;, if its title is readable at such a small size.

[Golmote]

I'll give it a try tomorrow ;)

[LeaVerou]

Thanks!

[Golmote]

Nice idea, it is still readable and it looks great IMO. If you want us to use backgrounds instead of image tags for the other logos too (I made a special case of this one), just tell me ;)

[LeaVerou]

I like it too, thanks!

Image tags are more semantic, but we'd need object-fit support to do this with image tags, which is not supported by IE/Edge :/

[Golmote]

Ok, let's leave it that way for now! ;)