Styles
Directions vibld builds in
Ask for one by name, or for three sketches and pick. This page is generated from the builder’s own list.
Each style carries one to three moods: luxe, calm, technical, organic, playful, brutal. In the builder’s style picker a mood narrows the list, and the styles whose moods your request names are listed as “Suggested for your request”. A suggestion is only a mark: nothing is picked for you.
400+ more in the style gallery
Complete visual systems, each with its own colors (every text pair measured), typefaces, type scale, corners and shadows. Choose one under Gallery in the builder and the build writes its tokens into the site. A gallery style replaces the style picked above.
4 moving backgrounds
A moving background is asked for in words rather than picked: say “animated background”, or name one, and the build can use one of these four. Each runs here from the same file a build writes into a project. In a project it takes the project’s own colors; the ones here are ours, for the drawing. They pause off screen and hold still if you have asked your system for less motion.
<AuroraMesh />A slow, full-bleed field of the page's colors, like light through smoke, that bends toward the pointer. WebGL shader.
Asked for with: aurora, northern lights, mesh gradient, gradient mesh
<ParticleField />A slowly turning spiral of soft points on the page background that tilts toward the pointer. WebGL points.
Asked for with: particle, particles, galaxy, starfield
<GrainBlobs />Large soft blobs of the page's colors drifting under a fine film grain. 2D canvas; calm and warm.
Asked for with: blob, blobs, grain, grainy
<FlowLines />Three thin glowing traces drifting like signals on a scope, leaning toward the pointer. 2D canvas; technical and sparse.
Asked for with: waveform, oscilloscope, signal lines, flowing lines
10+ surface treatments
How a page feels rather than what color it is: glass, extrusion, hard rules, drifting light. They wear whatever palette the project needs, so each is drawn here in one neutral demonstration palette of ours, not a choice the builder makes.
8 with a color system of their own
These carry real tokens the builder sends with the request: a palette, fonts and radii. Each is drawn only in its own colors, and every text color is shown on the fill the preset pairs it with.
Headings in these drawings use this site’s own fonts and the system’s serif, not the fonts each preset names, which the builder loads in the project it generates.