Style
Browse 146 curated Light website examples to review visual direction, typography, color systems, motion, and overall brand expression.
What To Look For
Study how Light style decisions affect first impression, readability, visual tension, motion, and the overall feel of the product.
What To Compare
Pay attention to color contrast, type pairings, spacing density, illustration treatment, motion restraint, and how the Light style stays consistent across the page.
Design Analysis
--- version: alpha name: Quiet Agent Workspace description: A sparse white AI workspace with a persistent icon rail, centered task surfaces, soft nested panels, compact pill controls, and tiny warm or green signals. colo... --- version: alpha name: Storybook L...
Bud - Your AI Worker
Home
--- version: alpha name: Quiet Agent Workspace description: A sparse white AI workspace with a persistent icon rail, centered task surfaces, soft nested panels, compact pill controls, and tiny warm or green signals. colo...
Open exampleSuperrBook
Home
--- version: alpha name: Storybook Learning Notebook description: A warm storybook learning-product language with ivory paper, chocolate serif typography, hand-drawn orange annotations, illustrated notebook scenes, meado...
Open exampleSpeakeasy
Home
--- version: "alpha" name: "Monospace Control Plane Light" description: "A bright enterprise AI system that combines editorial serif messaging, monospace controls, and compliance-grade neutral framing." colors: primary:...
Open exampleIt helps you compare visual tone, typography, color systems, spacing density, illustration treatment, and motion choices used in Light website design.
Use them to calibrate creative direction, collect mood references, and decide which visual traits feel distinctive enough to adapt for your own product.
