WIP
New logos for the Web: HTML, CSS & JS
- Have unified logos for the web, for at least HTML, CSS & JS
- Not the old shield designs from HTML5 & CSS3 anymore - maybe use the (background) colors though
- Like the JS-logo?
- CSS: diagonal from the top left, because cascading! the last S perfectly matching the S in the JS version
kinda like that ↑ but closer together, more legible.C S S
alluding to the idea of versions numbers somwhere, optionally top right space for a tiny L3, L4, L5, L6 (for the individual specs) - HTML: use fixed width font and spread it?
or just useH T M L
<>
? ({}
for CSS then?)
- CSS: diagonal from the top left, because cascading! the last S perfectly matching the S in the JS version
- Alternative idea: the shields but with "H", "C" and "J"?
- The building bricks idea from webassembly is nice
- So meta: Do the logos on the web and "only" export to SVG B-)
- No border radius
- Border radius
- Like TS, per size?
- Maybe like DevTools in one SVG using media queries
- Dark mode for sure!
- Maybe optionally (tiny) version numbers somewhere, like L5 (for CSS level 5) or the year for JS?
-
https://github.com/voodootikigod/logo.js
- Very close to perfect using Illustrator, https://fontsgeek.com/fonts/Neutra-Text-Bold, 338 pt, 0 letter spacing
- https://www.typescriptlang.org/branding/
- https://github.com/carlosbaraza/web-assembly-logo
- https://github.com/webmaxru/progressive-web-apps-logo
- https://www.w3.org/Consortium/Legal/logo-usage-20000308
- https://github.com/whatwg/whatwg.org/tree/main/resources.whatwg.org
- https://github.com/alrra/browser-logos
- https://github.com/ChromeDevTools/devtools-logo
- https://svgporn.com/ - https://github.com/gilbarbara/logos
- https://www.pngwing.com/de/free-png-nwtwu
- https://fonts.google.com/noto/specimen/Noto+Sans+Mono?preview.text=HTML&preview.text_type=custom medium 500?