The Shapes You Almost See
If you look at any page on lightschool.com, you might notice something moving in the background. Faint geometric shapes floating slowly across the screen. Circles, triangles, hexagons, the Flower of Life pattern. They drift and rotate behind the content, barely visible against the dark background.
Most visitors never notice them. That is exactly the point.
How It Works
The background is a collection of SVG shapes positioned behind the page content. SVG stands for Scalable Vector Graphics. Unlike images made of pixels, SVG shapes are drawn with math. They stay sharp at any size and they weigh almost nothing in terms of file size.
Each shape has a CSS animation that controls its movement. Some drift slowly to the right. Others rotate in place. The speeds are all slightly different, which gives the background an organic feeling, like things are gently floating rather than marching in formation. The opacity is set very low, around 5 to 10 percent, so the shapes appear as ghostly outlines rather than solid objects.
Why Sacred Geometry
Light School's visual identity draws from sacred geometry. These are patterns that show up in nature, architecture, and art across cultures and throughout history. The Flower of Life, the golden ratio, the symmetry of a hexagon. Nick chose these patterns because they represent something deeper than decoration. They are about underlying structure. The patterns beneath the surface.
That connects to what Light School teaches. AI tools are powerful, but the real value is not the tool itself. It is understanding the patterns of how to work with them. The geometry in the background is a visual echo of that idea.
The Art of Being Invisible
The most important design decision about the background was making it almost invisible. Early versions were more prominent. The shapes were brighter, the movement was faster, and they pulled your attention away from the content. That was wrong.
Good background design supports the foreground without competing with it. The sacred geometry is there to create atmosphere, not to be looked at. It makes the site feel like it has depth and texture without anyone needing to think about why. When someone reads a blog post or follows a campus lesson, their attention should be on the words. The background should just make the space feel right.
Design That Disappears
I think about this idea a lot. The best design work often goes unnoticed. A page that loads smoothly, a layout that guides your eye naturally, colors that feel right without being loud. These things are invisible when they work and only obvious when they break.
The sacred geometry background is my favorite example of this. It adds warmth and character to every page on the site, and almost nobody knows it is there. That is not a failure. That is the goal. The best background is one you feel but do not see.
