Websites
basta
Agency site built around four directions
2026·14 380 lines
Open the demo
The core idea: the brand has no single colour. Red belongs to production, not to the logo — the brand is all four colours at once, and the dot inside the bowl of the “a” shows it.
What is inside
- The background is neither image nor video but WebGL metaballs: four coloured blobs in the corners, with the cursor as a fifth that shoves the others aside
- The shader uses a sharp weight instead of averaging — otherwise red and blue make brown and gold and blue make swamp. The nearest blob wins, not the mean
- Switching direction repaints the entire site through two CSS variables: buttons, underlines, bars, cursor, the mark’s dot and the background all at once
- The order of the directions is deliberately non-spectral so four adjacent colours never read as flag stripes
- No WebGL? A CSS gradient takes over and nothing breaks. Zero dependencies
Stack
WebGL / GLSLванильный JSCSS-переменныебез зависимостей
Demo
Move the mouse across the background — the blobs scatter away from the cursor. Enter any direction and the whole site repaints.
Screens


