The W3C design system

The World Wide Web Consortium is a collection of member organizations and staff, founded and led by the man who literally invented the web, Tim Berners-Lee. They work to develop web standards, and ensure that the web is an open platform that works for everyone on every device.
This week, they unveiled their new design system, available for public use and built in conjunction with Studio 24.
The system is a dramatic visual improvement over their old design, with more readable typography and a pleasing color palette.


This content originally appeared on Go Make Things and was authored by Go Make Things

The World Wide Web Consortium is a collection of member organizations and staff, founded and led by the man who literally invented the web, Tim Berners-Lee. They work to develop web standards, and ensure that the web is an open platform that works for everyone on every device.

This week, they unveiled their new design system, available for public use and built in conjunction with Studio 24.

The system is a dramatic visual improvement over their old design, with more readable typography and a pleasing color palette. There is, of course, a strong focus on accessibility, and in particular, showcasing how accessibility doesn’t have to be boring or ugly.

The system makes heavy use of my friend Andy Bell’s CUBE CSS methodology. The JavaScript architecture was influenced by how I structure my own code (full disclosure: one of my students worked on this project).

There are lots of smart Sass variables (if that’s your thing), well structured markup, and absolutely fantastic documentation.

Click here to check out the design system in full.

⏰? Early Bird Sale! A new session of the Vanilla JS Academy starts on October 4. This week, get 35% off the program. Click here to join.


This content originally appeared on Go Make Things and was authored by Go Make Things


Print Share Comment Cite Upload Translate Updates
APA

Go Make Things | Sciencx (2021-09-15T14:30:00+00:00) The W3C design system. Retrieved from https://www.scien.cx/2021/09/15/the-w3c-design-system/

MLA
" » The W3C design system." Go Make Things | Sciencx - Wednesday September 15, 2021, https://www.scien.cx/2021/09/15/the-w3c-design-system/
HARVARD
Go Make Things | Sciencx Wednesday September 15, 2021 » The W3C design system., viewed ,<https://www.scien.cx/2021/09/15/the-w3c-design-system/>
VANCOUVER
Go Make Things | Sciencx - » The W3C design system. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/09/15/the-w3c-design-system/
CHICAGO
" » The W3C design system." Go Make Things | Sciencx - Accessed . https://www.scien.cx/2021/09/15/the-w3c-design-system/
IEEE
" » The W3C design system." Go Make Things | Sciencx [Online]. Available: https://www.scien.cx/2021/09/15/the-w3c-design-system/. [Accessed: ]
rf:citation
» The W3C design system | Go Make Things | Sciencx | https://www.scien.cx/2021/09/15/the-w3c-design-system/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.