Home

Welcome to NewsX! This repository contains the design system for the McClatchy websites. Many years ago, we used Bootstrap as a foundation. Over time and hundreds of tickets, that codebase grew to 800 kilobytes of CSS. When we last redesigned, we wanted the AMP experience to be the same as the traditional website. The 50-kilobyte limit was an issue, so we decided to replace the entire codebase with something new made by us, for us. The project name was Saratoga, so the system became the Saratoga Design System (SDS).

The system is broken up into two parts: an NPM package for developers, and a static website we call the style guide for stakeholders to preview and approve new concepts. The style guide is located in the github-pages branch, and is a Hugo website. Hugo is a static site generator written in Go and is incredibly fast at building pages. Because it's written in Go, it's also a binary file that is extremely portable. Check out the [Mac installation page] to learn how to install it using Homebrew or a prebuilt binary.