Еталон вау
Еталон дизайну Initask

Вау з першого кадру

Кожен прийом наживо: крутіть, тягніть, копіюйте параметри.

Чекліст вау Параметри руху
Three.js 0.170 · PBR-склокамера 1600 мс · e-outстовпчики крок 70 мснахил за курсором до 6°
01 · Світло

Одне джерело світла

Тягніть лампу: тіні й відблиск ідуть за нею. У продукті світло стоїть зверху ліворуч.

Рахунків за тиждень1 240+18%
Звірка МХП2 розбіжності
Агент працює12 агентів
кут 135°--sh-1 · --sh-2 · --sh-3
02 · Глибина

Три шари, три швидкості

Рухайте курсором чи телефоном. Кнопка розкладає сцену на шари.

Тло · 0,2
Діорама: острів бізнесу з агентамиСцена · 0,5
Інтерфейс · 1,0
Рахунки1 240
Закрили агенти58%
Доставки сьогодні86
03 · Рух зі змістом

Цифри рахуються, графіки наливаються

Запуск при появі на екрані, один раз. Кожен рух веде око до цифри.

0₴ закрито агентами за тиждень
пнвтсрчтптсбнд
0%звернень закрили агенти
лічильник 1200 мс · e-outстовпчики 700 мс, крок 60 мскільце 1100 мслінія 1400 мс · e-inout
04 · Тривалості й криві

Чотири криві на все

Тільки transform і opacity. Лінійний рух виглядає машинним, червоний рядок для порівняння.

05 · Мікровзаємодії

Відгук швидше за думку

Кожен клікабельний елемент відповідає за 100 мс: наведення, натиск, фокус.

Натиск і відблиск140 мс · 700 мс
Магнітна кнопка
Тягнеться до курсорадо 8 px
Пружина і сплеск240 мс · e-spring
Індикатор пливе480 мс · e-out
Казначейство · сьогодні4,8 млн ₴
12 платежів3 на погодженні
Нахил і відблиск за курсоромдо 8° · перспектива 900
Підпис злітає, рамка світиться240 мс
06 · Пости і сторіс

Діорама, світло, рух

Сцена згенерована, текст і цифри накладаємо самі. Один стиль на всю серію.

1080 × 1350 · стрічка
1080 × 1920 · сторіс і рілс
Ken Burns 1 → 1,08 за 9 ссвітлова смуга 6 сслова крок 70 мс
07 · Було і стало

Той самий зміст

Тягніть повзунок. Ліворуч пласка обкладинка з ознаками генерації, праворуч еталон.

AI-агенти для вашого бізнесу

24/7Працюють завжди
-80%Менше рутини
x3Швидше процеси
БулоСтало

Провали, що повертаємо на переробку

Пласка обкладинка з текстом

Пласка обкладинка

текст на градієнті, руху й глибини нуль

Сітка однакових карток

цифра і речення шість разів

Порожній герой

заголовок по центру і кнопка
AI Future

Неон і градієнтний текст

фіолетово-синя гама генератора
рух вимкнено: порожньо

Без кадру для reduced-motion

людина з налаштуванням бачить пустку
08 · Перевірка перед здачею

Чекліст вау

0, 1 чи 2 за кожен пункт. Здаємо від 16 з 20 і без нуля в червоних пунктах.

0
з 20
Доробляємо
09 · Конвеєр креативу

Від ідеї до картки

Натисніть крок: що робимо і чим.

10 · Референси

Що беремо в найкращих

Дивимось перед кожною роботою. Наші еталони позначено бірюзовим.