AETHOS: a hand-coded landing page for a studio by Adam KAETHOS: a hand-coded landing page for a studio by Adam K

AETHOS: a hand-coded landing page for a studio

Portfolio project
Adam K
A demo site for a made-up branding studio: the name, the copy and the seven work entries are invented. Instead of the usual stacked hero, services, about scroll, the site is one full-screen stage with five views switched in place.
The background is a particle animation on a canvas that reacts to the cursor, and it switches off when the visitor's system asks for reduced motion. The particle count has a floor and a ceiling, pixel density is clamped to 1.5, and the animation stops when the browser tab is hidden. With JavaScript off, the page shows all five views at once, so it stays readable.
It is hand-coded: HTML, one CSS file and two vanilla JS modules, no framework and no build step. PageSpeed on mobile, measured cold on 12 November 2026: Performance 98, LCP 0.8 s, CLS 0.

0 likes · 0 views · Nov 12, 2026

A demo site for a made-up branding studio: one full-screen stage with five views and a particle canvas that reacts to the cursor. Hand-coded.

Tags