Задача
Личный сайт должен объяснить шесть разных направлений, не превращаясь в стену логотипов, оставаться быстрым на бесплатном хостинге и работать на английском, русском и грузинском.
Подход
Визуальная идея пришла из допечатной подготовки: полутоновый растр, две плашечные краски и метки приводки. Палитра «Abanotubani» берёт кобальт у плитки Орбелиановской бани в Тбилиси, а янтарь — у квеври-вина. Обе краски соответствуют реальным плашечным цветам, поэтому у сайта и печатных материалов может быть одна спецификация.
Технически это статический Astro с TypeScript. Контент хранится в коллекциях с проверкой схем; у каждого языка свои адреса с корректными canonical и hreflang.
Детали
- WebGL-шейдер превращает портрет в полутоновый растр, а курсор открывает фотографию под ним
- Переменная типографика (оси толщины и остроты шрифта Geologica) реагирует на курсор
- Переходы между страницами — View Transitions с полутоновой «шторкой»
- Бесплатный генератор халфтона использует ту же идею рендеринга
- Все анимации отключаются для тех, кто выбрал «меньше движения»
Результат
Быстрый мультиязычный сайт со структурированными данными, автоматическим sitemap и без ежемесячных расходов на хостинг, сделанный с помощью AI-assisted development в Claude Code.