Матеріали приймання
01Загальний візуальний стиль зберігати світлим і чистим
02Основні кнопки повинні мати чітко виражений клікабельний стан
03Головна сторінка зберігає технологічно орієнтовані візуальні елементи
04Контентні модулі розміщуються на картках
05Ключові тексти повинні охоплювати можливості, сценарій та цінність
06Ключові числа використовуються для підкреслення ритму сторінки
07Основні сторінки зберігають чітку точку заклику до дії
08Основний текст не менший за 14px
09Панель навігації зафіксована у верхній частині сторінки
10Кожне зображення потребує підпису під ним
11Висота рядка уніфікована на рівні 1.6
12Favicon охоплює всі поширені розміри
01Головне зображення має одночасно представляти команду, інтерфейс продукту та домен бренду.
02Стилі кнопок залишаються уніфікованими по всьому сайту, із радіусом заокруглення 12px.
03Рух використовується для підсилення ієрархії, не впливаючи на базове читання.
04Розділ історій клієнтів зберігає слоти для відображення результатів.
05Мобільна розмітка надає пріоритет читабельності тексту 14px.
06Панель навігації використовує position: sticky та залишається закріпленою під час прокручування.
07Атрибути alt зображень та підписи під зображеннями не можна пропускати.
Примітки щодо дизайну
Область головного зображення потребує тегів бізнес-показників у реальному часі для доповнення інформації про цінність для клієнта.
Бульбашки задоволеності, ROI та інших показників спливають у циклі з анімаціями зникнення.Заголовки та посилання потребують чіткого візуального зворотного зв’язку у стані hover.
Веселковий градієнт + світлова смуга + обертання відтінку + сяйво.Кнопки потребують сильнішого динамічного зворотного зв’язку при hover/click, зберігаючи стабільну область натискання.
Візуальний шар анімується за допомогою translateY, тоді як область натискання залишається на місці.Верхня навігація потребує відчуття напівпрозорого матеріалу з багатошаровою глибиною.
Скляний фон backdrop-filter + світлова смуга + легка анімація плавання.Надає режим сфокусованого читання, що зменшує візуальні відволікання.
Повноекранна маска + радіус прожектора, що слідує за курсором, контролюючи видиму область.Розширює впізнаваність бренду, щоб рух курсора залишався узгодженим із візуальним стилем сторінки.
Брендований SVG-курсор + ефекти хвоста з частинок.Сторінка історій клієнтів потребує занурювальної області 3D-вітрини.
Матриця частинок WebGL + взаємодія мишею + динамічні панелі.Нижня частина сторінки потребує постійно видимої завершальної області бренду.
3D-діамант, що обертається + брендовий рядок, що біжить + динамічні кольори.Головне зображення має одночасно представляти сцену команди та бренд richify.net.
Знак бренду richify.net вбудовано в область екрана ноутбука.