Atomic

I am still developing this Drupal 8 contributed theme. It is not ready for primetime.

My goals with the Atomic theme are to create a base theme that provides an approachable starting point for sub themes. Atomic uses Sass and a number of Compass gems: by making a few initial global design choices, you can get up and running with some sensible defaults. Partials are broken down to let you easily provide essential base styles for elements or regions, while focusing on component styles, and keeping those styles separate from layout styles.

This separation is based on Brad Frost's Atomic Design principles (hence the name of the theme), and has a lot of similarities to SMACSS and OOCSS, with a BEM syntax for class names.

I'm working on some easy ways for this theme's live production styles to be pushed into the Pattern Lab prototyping tool using Grunt (or Gulp). This should provide a good workflow for prototyping the design systems for your site in a way that makes responsive design much easier.

There's a lot left to do. Right now I'm working on setting up some sensible defaults and options for partials. Once Pattern Lab is using Composer, I'll also be working a way to easily install Pattern Lab and get it set up. I'll also look at using Yeoman to set up sub-themes.

Getting started with this Sandbox to make it a little easier to show the work in progress as needed and to help others get involved. I'll be updating this description with progress: when it's ready for others to start trying, I'll let you know!