Design

## A free digital book that teaches a practical introduction to the new foundations of graphic design.

> _“We are now in transition from an object-oriented to a systems-oriented culture. Here change emanates, not from things, but from the way things are done.”_
`— Jack Burnham (1968), Systems Esthetics`


Table of Contents
-----------------

*   [Introduction](https://programmingdesignsystems.com/index.html#introduction-AlRYsdq)
*   [What is a design system?](https://programmingdesignsystems.com/introduction/what-is-a-design-system/index.html#what-is-a-design-system-OQAaTNQ)
*   ### Shape
    
    *   [Figure and ground](https://programmingdesignsystems.com/introduction/shape/figure-and-ground/index.html#figure-and-ground-LxG6S7J)
    *   [Basic shapes](https://programmingdesignsystems.com/introduction/shape/basic-shapes/index.html#basic-shapes-bOYdIDj)
    *   [Custom shapes](https://programmingdesignsystems.com/introduction/shape/custom-shapes/index.html#custom-shapes-pANLh0l)
    *   [Procedural Shapes](https://programmingdesignsystems.com/introduction/shape/procedural-shapes/index.html#procedural-shapes-qYPzCLg)
*   ### Color
    
    *   [A short history of color theory](https://programmingdesignsystems.com/color/a-short-history-of-color-theory/index.html#a-short-history-of-color-theory-xZzRFOZ)
    *   [Color models and color spaces](https://programmingdesignsystems.com/color/color-models-and-color-spaces/index.html#color-models-and-color-spaces-JDQ1fRD)
    *   [Perceptually uniform color spaces](https://programmingdesignsystems.com/color/perceptually-uniform-color-spaces/index.html#perceptually-uniform-color-spaces-e7zMSWy)
    *   [Color schemes](https://programmingdesignsystems.com/color/color-schemes/index.html#color-schemes-dV9Rf6L)
*   ### Layout
    
    *   [A short history of geometric composition](https://programmingdesignsystems.com/layout/a-short-history-of-geometric-composition/index.html#a-short-history-of-geometric-composition-DvkJs3o)
    *   [Geometric composition](https://programmingdesignsystems.com/layout/geometric-composition/index.html#geometric-composition-Amy3I4K)
*   [... more to come](https://programmingdesignsystems.com/more-to-come/index.html#more-to-come-rK5kfnO)