home

macian

grids

Macian1 is 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

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.

components

The framework uses a 12-column grid system and a type scale based on the golden ratio.

macian docs
macian docs
macian docs