macian

Macian was a framework inspired by the atomic CSS philosophy:

Atomic CSS is the approach to CSS architecture that favors small, single-purpose classes with names based on visual function.

—John Polacek, Let's Define Exactly What Atomic CSS is (2021)

Macian was originally created to simplify my workflow when building web interfaces. Its development later defined the visual style I’ve come to adopt throughout my projects since. The name comes from the Ænglisc word macian which means “to make.”

components

The framework uses a 12-column grid and a φ-based type scale.