Поговоримо

Титри. Хто що зробив і чим.

Автор

Сергій Ластовиченко: ідея, слова, дизайн, код, рух і звук. Зроблено під крилом zemix digital, студії тієї ж руки, в Ірландії у 2026 році.

Шрифти
  • Bricolage GrotesqueSIL Open Font Licence 1.1
  • Instrument SerifSIL Open Font Licence 1.1
  • Onestукраїнські сторінки · SIL OFL 1.1
  • Noto Serif Displayукраїнські сторінки · SIL OFL 1.1
Інструменти

Figma для робіт на маршруті; Node.js і Python для збирання; ImageMagick, Potrace і FFmpeg для зображень, літер і відео; Playwright для перевірки кожного екрана; Lenis — darkroom.engineering (ліцензія MIT) для плавного прокручування. А ще звичні підозрювані: чайник, олівець і забагато пізніх ночей. Вгадайте, хто працював найбільше 🙂

Рушій

HTML, CSS і JavaScript, написані вручну. Зерна працюють на моєму власному WebGL-рушії, звук синтезується просто у вашому браузері, і тут немає фреймворків, трекерів чи cookie для стеження.

Під капотом

Що варто знайти

  1. 01Розсуньте зерна Проведіть курсором або пальцем крізь ім’я на першому екрані.
  2. 02Поставте печатку Затисніть і розпишіться у фіналі: підпис стане печаткою. Нічого не зберігається.
  3. 03Пролетіть маршрут пам’яті Гортайте далі після розділу «Про мене» й пролетіть від Луганська до Ірландії.
  4. 04Змініть мову EN / UA передає сторінку чорнилом і зберігає місце, де ви були.
  5. 05Увімкніть звук Спокійна музика, що народжується просто в браузері: вода, м’які педи й тихі дзвіночки.
  6. 06Наберіть «ink» Будь-де на сторінці, тільки не в полях форми.
  7. 07Затримайтеся на логотипі Потримайте на ньому курсор кілька секунд.
  8. 08Наберіть «comic sans» У полі повідомлення контактної форми.
  9. 09Зробіть, щоб «вау» Кнопка внизу сторінки, що з’являється не щоразу.
  10. 10Перейдіть на іншу вкладку А потім поверніться й погляньте на назву вкладки.
  11. 11Привітайтеся Відкрийте консоль браузера й наберіть hi().
  12. 12Знайдіть зернину Наведіть курсор або затримайте палець на рядку «Ми будуємо майбутнє».
  13. 13Загубіться Відкрийте сторінку, якої не існує, і розвійте зерна.

А маленькі жарти в контактній формі змінюються від візиту до візиту.

Ліцензія

© 2026 zemix digital · Сергій Ластовиченко. Усі права захищено. Шрифти мають власні відкриті ліцензії, а кожен кейс веде на живий сайт клієнта, якщо він ще працює.

На головну