Designing a Content System

In this lesson, I'll be illustrating how to bring together five simple components to build a Content System.

A handy acronym to remember "TRAIN":

Typography, Restraint, Alignment, Image Treatment, Negative Space.


1. Typography

Pick your typefaces.


2. Restraint

Choose a limited color palette.



3. Alignment

Establish geometric relationships.

4. Image Treatment

Unify your images with a simple, consistent treatment.

5. Negative space

Guide the eye by letting design elements breathe. 

Here, we'll put it all together on video: