chapter 01 — kinetic
01 / 04
Every study begins with a shape that refuses to be generic.
Ibra Niang — Blog · Aug 2026
new aesthetic
A single-file study in glass, light and motion. No frameworks, no fonts, no network — just HTML, canvas and one long, deliberate scroll.
chapter 02 — composition
Composition before motion
A flat Bauhaus scene — arch, sun, wave, mountain — built as one balanced SVG and animated with nothing louder than a slow turn.
fig. 02 — “Arch, Sun & Motion”, a Bauhaus study in teal, amber, magenta and ink.
chapter 03 — signal
The day, measured as light
Twenty-four samples of one day’s luminance. Hover or touch the curve — each hour keeps a small piece of the story.
peak 16:00 · 0.98
dawn 06:00 · 0.38
nadir 02:00 · 0.05
chapter 04 — atmosphere
A horizon you can lean into
Vaporwave dusk in plain canvas 2D — projected grid, striped sun, drifting stars. Move your cursor; the camera leans.
chapter 05 — play
A field with manners
Particles on damped springs. The pointer is a magnet; release it and they settle back into orbit. Nothing here is allowed to panic.
touch / move the cursor
fin — the whole page, at a glance
One file. Zero requests. Everything intentional.
Built by hand with HTML, CSS and vanilla canvas — it works from a USB stick, an airplane, or a directory on disk. If this page survived offline, so can the ideas inside it.
1 file
0 dependencies
3 canvases
1 svg
100dvh sections
clamp() type
dpr-aware
← back to blog