Modernism
Function-first design built from simple geometry, rational grids, honest materials, and no borrowed historical ornament.
See it
What it is
Modernism is the broad early 20th-century break from copying older styles. It favors function, abstraction, industrial materials, simple geometry, and a rational structure that can be seen instead of hidden under ornament. The Bauhaus, the International Style, and designers such as Le Corbusier and Herbert Bayer gave it many of its familiar forms. Le Corbusier's Villa Savoye, lifted on thin pilotis with a ribbon window running around it, and Mies van der Rohe's bronze-and-glass Seagram Building are the buildings people picture.
Reach for it when clarity and order need to feel progressive rather than luxurious or nostalgic: museums, architecture studios, public information, furniture, and serious editorial work. A strong grid, a limited sans-serif type system, and materials shown honestly do more work here than decoration.
Gotcha: modernism is not a synonym for whatever looks current, and it is not automatically minimalism. A modernist composition can be bold, colorful, and asymmetric. What holds it together is a functional system. Remove that logic and the result is merely sparse.
Ask AI for it
Design this in a modernist style. Build the layout with CSS Grid using grid-template-columns: repeat(12, 1fr), a strict spacing scale, and clear asymmetric alignment. Use one neutral sans-serif family, a limited palette of white, black, grey, and one primary accent, and plain geometric forms that reveal their structure. Remove historical ornament, decorative borders, fake textures, and novelty effects. Let function determine every size, position, and material choice.