Gallery 196 styles
- ▶style: cellular-automata001Cellular automataArt · Design · MotionEach cell in a grid takes its next state from its neighbours, and repeating the rule builds the pattern.
- ▶style: chaos-maps002Chaos mapsArt · Design · MotionHow repeating a simple formula moves from order to chaos, drawn as bifurcation and cobweb diagrams.
- ▶style: circle-packing003Circle packingArt · Design · MotionCircles of many sizes touch one another and fill the gaps.
- style: color-contrast-black-and-white004Black and whiteArt · Design · UI/UX · 3DCGOnly black and white, with no in-between tones.
- style: color-contrast-high005High contrastArt · Design · UI/UX · 3DCGDark colors on a light background create a large value difference.
- style: color-contrast-low006Low contrastArt · Design · UI/UX · 3DCGOnly colors of similar lightness are used, keeping light-dark differences small.
- style: color-gradient-bokashi007BokashiArt · Design · UI/UX · 3DCGA single soft band of color fades out from one edge.
- style: color-gradient-duotone008DuotoneArt · Design · UI/UX · 3DCGEvery tone is a mix of just two inks, one light and one dark.
- style: color-gradient-flat009Flat colorArt · Design · UI/UX · 3DCGNo color transitions; every area is one solid color.
- style: color-gradient-linear010Linear gradientArt · Design · UI/UX · 3DCGThe background shifts smoothly in one straight direction.
- style: color-gradient-mesh011Mesh gradientArt · Design · UI/UX · 3DCGSeveral colors blend softly in many directions at once.
- style: color-gradient-radial012Radial gradientArt · Design · UI/UX · 3DCGColor spreads outward in circles from a single point.
- ⇆ Huestyle: color-harmony-analogous013AnalogousArt · Design · UI/UX · 3DCGNeighboring teal, blue and blue-violet hues from one segment of the color wheel.
- ⇆ Huestyle: color-harmony-complementary014ComplementaryArt · Design · UI/UX · 3DCGBlue and orange, directly opposite on the color wheel, set warm against cool.
- ⇆ Huestyle: color-harmony-monochromatic015MonochromaticArt · Design · UI/UX · 3DCGOne blue hue, varied only in lightness and saturation.
- style: color-harmony-primary-colors016Primary colorsArt · Design · UI/UX · 3DCGThe traditional painting primaries—red, yellow and blue—on a pale warm neutral.
- ⇆ Huestyle: color-harmony-split-complementary017Split complementaryArt · Design · UI/UX · 3DCGBlue paired with red-orange and yellow-green, either side of its complement.
- ⇆ Huestyle: color-harmony-triadic018TriadicArt · Design · UI/UX · 3DCGBlue, green and pink spaced evenly around the color wheel.
- style: color-proportion-60-30-1001960/30/10Art · Design · UI/UXA 60% base, 30% main and 10% accent split.
- style: color-proportion-70-25-502070/25/5Art · Design · UI/UXThe classic split: 70% base, 25% main, 5% accent.
- style: color-proportion-dominant-background021Dominant backgroundArt · Design · UI/UXThe background color fills almost the whole frame; other colors are minimal.
- style: color-saturation-grayscale022GrayscaleArt · Design · UI/UX · 3DCGNo saturation at all; only differences in lightness remain.
- style: color-saturation-muted023MutedArt · Design · UI/UX · 3DCGSaturation is kept low so every color looks grayish and subdued.
- style: color-saturation-neon024NeonArt · Design · UI/UX · 3DCGFully saturated, bright colors on a near-black background, so the colors seem to glow.