Layout & composition · Grid systems
Cards & bento tiles
Content partitioned into rounded tiles or cards of varied size.
A design choice in Stylogeny’s vocabulary, under layout & composition: how is the picture plane organised?
- styles make it
- 9
- as a defining choice
- 2
- as a usual one
- 5
- now and then
- 2
- avoid it
- 2
Styles defined by it 2
For these styles it is one of the choices that make the style.
Dark Tech MinimalismThe dark, restrained aesthetic of developer tools and SaaS landing pages since about 2019: near-black grounds, grey type ramps, a neutral grotesque such as Inter, hairline borders, soft radial glows and bento grids of crisp product screenshots.
- Neo-BrutalismA friendly, commercial descendant of web brutalism that keeps its blunt boxes but adds candy colour: thick black outlines, hard unblurred offset shadows, flat saturated fills and chunky sans-serif type on conventional, usable layouts.
Styles that often use it 5
A characteristic choice: usual in these styles, though not essential.
Flat DesignAn interface and illustration language that stripped screens of simulated materials, replacing bevels, gloss and textures with solid fields of colour, clean sans-serif type and reduced pictograms.
Material DesignGoogle's design system, launched in 2014, which reintroduced controlled depth to flat design through the metaphor of 'material': sheets of digital paper and ink that sit at defined elevations, cast consistent shadows and move with meaningful motion.
NeumorphismA short-lived interface trend in which controls are extruded from, or pressed into, a background of the same colour and modelled only by paired soft shadows.
Claymorphism & Soft 3DA soft, toy-like 3D look from product design around 2020, given the name 'claymorphism' in a December 2021 article by Michał Malewicz.
GlassmorphismAn interface style of translucent, frosted panels floating over vivid, blurred backgrounds, so that depth and hierarchy come from layered transparency.
Styles that use it now and then 2
An occasional choice in these styles.
It often goes with
Choices that the styles making it make more often than the atlas as a whole.
- App & OS interfacein 9 of 9
- Web & CSSin 9 of 9
- Rounded & pillin 8 of 9
- Icons & pictogramsin 8 of 9
- Geometric sansin 8 of 9
- Pastelin 6 of 9
Styles that avoid it
Styles that deliberately leave it out.