The U.S. Web Design System (USWDS) is a design system for the federal government to build accessible, mobile friendly government websites. But that doesn’t mean it can’t be used outside of government. I’m going to create a very basic hugo theme that utilizes this design system. Eventually when I build it up enough, I’d like to replace the theme initially used on the BogdanWorks website, gohugo-theme-ananke theme, with the USWDS theme I’m creating.

The benefit of using Gulp is to automate the creation and manage redundant tasks and workflows. These tasks and workflows may include running a local server, minifying code, optimizing images, preprocessing CSS and more. I’m going to go through setting up a project with gulp and some common gulp tasks. Prerequisites and Assumptions Node and npm is already installed in Mac environment Assuming a project has an src/ file folder with html, css and js files in it Initializing Gulp in a project Project Moving to my project folder named gulpjs4, a package.