We are redesigning freeCodeCamp to make it more closely resemble the command line interfaces and code editors that professional developers use for work.
I call it “Command Line Chic.”
This is the current freeCodeCamp.org codebase - the only thing we’ve done is change some CSS.
Here are some things you may notice:
It’s night mode. We want to use night mode by default. Most code editors and terminals are in night mode by default, and we think it’s easier on the eyes for long coding sessions. (You can still switch to light mode from the settings or using a hotkey.)
The fonts are huge. Going forward, all fonts will be at least 18px for readability. This is now possible because we are going to put a lot fewer elements on screen.
We’re using a monospace font called Hack. Monospace fonts are slightly harder to read when you have lots of long paragraphs of text, but version 7.0 of our curriculum will involve a lot less reading and a lot more coding. We will still use a Proportional font (Lato) for longer text like Guide articles.
I’m excited to hear your thoughts on this new visual direction, and happy to answer any questions you all may have.