lyoraeth.art

Девятая итерация моего сайта и первая, собранная по нормальному брифу — с дизайн-системой, стеком, выбранным по причинам, и продакшен-дисциплиной от начала до конца. Концепция — атмосферный минимализм: тёмная сцена, размытый цвет в глубине, стекло посередине, чёткая типографика впереди. Объём рождается только из света и размытия — каждая поверхность набирает глубину без единой тени под ней. Стекло — несущая деталь, поэтому ему досталось больше всего внимания: матовая база, внутренний блик, имитирующий физический край, и тонкая световая полоса сверху. Описано один раз как токен — и ведёт себя одинаково на каждой карточке, в меню и в панелях. Под поверхностью всё работает как полноценное приложение. Nuxt отдаёт готовый HTML на сервере; всё, что трогает браузер, ждёт клиента — поэтому гидрация остаётся чистой. Каждый цвет, длительность и размытие — CSS-токен; один блок reduced-motion гасит всю анимацию разом. Контент идёт через Sanity, запрашивается на сервере, токен наружу не уходит, картинки — цепочкой AVIF→WebP→JPEG без скачков вёрстки. Аналитика своя, без кук и третьих сторон. Любимая часть — та, которую не видно: пуш в main, и через три минуты это в проде. Многоступенчатая сборка Docker, GitHub Actions, SSH на мой собственный VPS. Я довёл это от пустой папки до развёрнутого продукта, который сам же и держу, — самая технически сложная вещь, что я делал, и ты прямо сейчас на неё смотришь.