A geometric abstract art movement reducing visual expression to its purest forms: squares, circles, crosses, and rectangles floating on infinite white fields.
Suprematism rejects representational imagery entirely, seeking to convey "the supremacy of pure artistic feeling" through color, shape, and spatial relationships alone.
In digital design, Suprematism translates into radically minimal compositions built from bold geometric primitives, stark primary-plus-black palettes, dynamic diagonal axes, and vast white space that functions as infinite depth rather than emptiness.
Founded by Kazimir Malevich in 1915, the movement reduced painting to its absolute zero point -- the Black Square -- and from there rebuilt visual language using only the vocabulary of geometry and color.
Squares, rectangles, circles, triangles, and crosses used as the sole compositional vocabulary with no illustrative or representational elements.
Elements appear suspended in a depthless white void, creating a sense of weightlessness and cosmic space.
Compositions tilted along diagonal lines create energy and movement within static geometry.
Shapes rendered in solid, unmodulated color with no gradients, textures, or shadows.
Elements arranged through dynamic equilibrium rather than symmetrical mirroring, creating tension and motion.
Dramatic differences between large and small elements establish visual hierarchy purely through size.
Total absence of borders, decorative elements, patterns, or embellishment of any kind.
Suprematism demands chromatic restraint. A small number of strongly contrasting hues -- anchored by black and white -- create maximum visual impact. Each color serves a specific compositional role.
Typography in Suprematism must submit to the geometry. Clean, geometric sans-serifs and bold condensed display faces echo the forms of the shapes themselves.
A card with a floating red square accent. Built with ::before pseudo-element positioned above the border.
Black fill with offset border shadow via ::after. Hover transitions to Malevich Red.
Lines extending from a central red square marker, built purely with flexbox and pseudo-elements.
Two overlapping bars created with ::before and ::after. A signature Suprematist motif.
The white background is not empty space but an active, infinite field on which geometric elements float; it should dominate the composition.
Arrange key elements along a diagonal line from corner to corner to create dynamic tension and visual movement.
Avoid centering and symmetry; position elements at unexpected coordinates to create tension and balance through counterweight.
Use a strict underlying grid but allow elements to break and overlap it, creating floating freedom within hidden structure.
The largest shape is the most important; use dramatic size differences between primary and secondary elements.
On mobile, simplify to fewer geometric elements while preserving the dominance of white space and the power of single bold shapes.