Design Aesthetic Reference
Where science meets art — thousands of pure color dots merge into luminous, shimmering compositions
A design language rooted in Georges Seurat's Neo-Impressionist technique of applying small, distinct dots of unmixed color, relying on the viewer's eye to optically blend them into rich, vibrant imagery full of light.
Typography
clarity and warmth, anchoring the eye against stippled texture
Display / Playfair Display 900
Every Dot Tells a Story
Heading / Cormorant Garamond 600
The Luminous Surface of Light
Subheading / Lora Italic
Pure color, placed with scientific precision and artistic warmth
Body / Source Sans 3
Clean modern sans-serif for comfortable reading. The crisp letterforms serve as anchors of clarity against the richly textured dot-stippled backdrop of the Pointillist canvas.
Caption / Source Sans 3 Light
Neo-Impressionism • Optical Mixing • 1886
Elegant / Cormorant Garamond 700
Un dimanche a La Grande Jatte
Playfair Display + Source Sans 3
Classic gallery -- refined serif headlines with clean modern body
Cormorant Garamond + Lora
Full-serif elegance -- French literary warmth throughout
Playfair Display + Inter
High contrast -- bold artistic display with neutral, crisp body
Color Palette
pure pigment hues from Seurat's palette, blended only by the eye
Technique
dot by dot, layer by layer, light emerges from the canvas
Every dot is a single, unmixed hue -- blue, orange, yellow, green -- applied directly to the canvas. The eye does the blending, producing colors more luminous than any mixture on a palette.
Chromatic PurityBlue dots beside orange. Red beside green. Violet beside yellow. Each pair intensifies the other through simultaneous contrast, producing vibrancy impossible with pre-mixed color.
Color TheoryStep back, and thousands of individual dots coalesce into shimmering landscapes, figures bathed in sunlight, and reflections dancing on water. The whole is greater than its parts.
Optical FusionLarger, densely packed dots create shadow regions; smaller, sparser dots let the bright canvas show through for highlights. Tonal variation emerges from dot scale and spacing alone.
Halftone PrincipleBecause unmixed colors and white gaps between dots reflect more light, the overall palette reads as bright, sunlit, and airy -- reminiscent of Seurat's outdoor riverside scenes.
Light & AirWhite space between dots is not empty; it is an active design element. The warm cream ground contributes brightness, breathability, and luminosity to every surface and composition.
Negative SpaceSome say they see poetry in my paintings; I see only science. I apply the principles of optics, and that is all.— Georges Seurat, founder of Neo-Impressionism
CSS Effects
pure CSS stippled textures, optical mixing, and luminous shimmer
Multi-color radial-gradient dots layered at different spacings create a dense Pointillist surface texture.
Blue and orange dots alternate in a checkerboard, demonstrating Chevreul's law of simultaneous contrast.
Three colors at fine scale blend perceptually into a unified warm tone -- the core Pointillist principle.
A radial gradient overlaid on dot patterns creates depth -- dense dots in shadow, sparse in light areas.
Warm-palette dots with subtle position animation evoke the shimmering quality of sunlight on Seurat's canvases.
White dot overlay on a gradient mimics halftone printing -- Pointillism's direct descendant in the print world.
Buttons
pill shapes with stippled hover textures and complementary color pairings
Every great canvas starts with a single dot. Build luminous, vibrant interfaces where beauty emerges from the deliberate arrangement of simple elements.