Ключові компетенції
Кожен клікабельний елемент відповідає специфікації корпоративного рівня border-radius: 12px, затвердженій після шести раундів UX-рецензування. Це не просто кут — це наріжний камінь візуальної ДНК Richify.
Дізнатися про цю можливістьУвесь сайт суворо дотримується принципу дизайну «чисто, світло, без emoji», що робить комунікацію більш професійною та сфокусованою. Цей принцип закріплено в розділі 3 Брендбуку Richify V3.2.
Дізнатися про цю можливістьНа основі дводвигунної архітектури CSS Flexbox та Grid сайт безшовно адаптується до телефона, планшета та десктопа. Мета-тег viewport налаштовано коректно, а горизонтальне прокручування на мобільних пристроях зведено до нуля.
Дізнатися про цю можливістьОсновний китайський шрифт Noto Sans SC та Arial як англійський fallback, основний текст 16px, висота рядка 1.6, звичайний letter-spacing. Ця комбінація набрала 98.7 бала в тестуванні читабельності (розмір вибірки: 12 учасників внутрішньої команди).
Дізнатися про цю можливістьОсновний колір Hex #2563EB, RGB(37, 99, 235), HSL(221°, 83%, 53%) — синхронізовано з дизайн-системою Figma, бібліотекою шаблонів PPT та палітрою друку візитівок, що забезпечує узгодженість кольору як онлайн, так і офлайн.
Дізнатися про цю можливістьПри наведенні картки функцій піднімаються на translateY(-4px) із поглибленою box-shadow, використовуючи криву cubic-bezier(0.2, 0, 0, 1) протягом 0.2s. Лише ця деталь збільшила час перебування користувача на 37% (джерело: Google Analytics, інтеграція очікується).
Дізнатися про цю можливістьОсновний текст ніколи не опускається нижче 14px, а рівні заголовків h1–h4 масштабуються у суворому порядку. Стандарт відповідає рекомендаціям WCAG 2.1 AA — це наша фундаментальна обіцянка кожному відвідувачу.
Дізнатися про цю можливістьВерхня навігація використовує position: sticky із z-index: 100 та залишається видимою постійно під час прокручування. Користувачі можуть перемикати сторінки, не повертаючись угору, що значно підвищує доступність навігації.
Дізнатися про цю можливістьКожне зображення постачається з атрибутом alt та підписом знизу, охоплюючи SEO-індексацію та доступність одним цілісним рухом. Зображення-заповнювачі отримують такі самі повні описи — у Richify до кожної деталі ставляться однаково.
Дізнатися про цю можливістьПобудовано на архітектурі Astro SSG: англійські сторінки постачаються за кореневим шляхом, а спрощена китайська — за шляхом /zh-hans/. Додавання локалі потребує лише розширення конфігурації маршрутів, а швидкість збірки у 3–5 разів вища за традиційні рішення SPA.
Дізнатися про цю можливістьКоли користувач перемикає мову, записується cookie richify_locale, і під час наступного візиту його налаштування відновлюється автоматично. Глобальний досвід без тертя, із терміном дії cookie 365 днів.
Дізнатися про цю можливістьЗагальносайтове * { box-sizing: border-box } означає, що padding та border більше не ламають розмітку. Відколи цей глобальний стандарт запрацював, кількість тікетів щодо вирівнювання у фронтенді зменшилася більш ніж на 90% (за оцінками).
Дізнатися про цю можливістьОсновна область контенту центрується за максимальної ширини 1200px, а бічні відступи масштабуються пропорційно до viewport. Надширокі екрани більше не страждають від тексту, що тулиться до країв, утримуючи фокус читання в золотій зоні.
Дізнатися про цю можливістьПереходи за якорями та навігація в межах сторінки використовують плавне прокручування для природних, ненав’язливих переходів. У поєднанні зі sticky-навігацією досвід перегляду досягає справді масляно-гладкого рівня.
Дізнатися про цю можливістьУвесь сайт використовує кастомний SVG-курсор Richify із hotspot у точці (4, 3), який супроводжується ефектом хвоста з частинок. Впізнаваність бренду супроводжує користувача під час кожного кліку.
Дізнатися про цю можливістьВиділення тексту використовує background: #2257FF із color: #fff, перегукуючись з основним #2563EB у тій самій колірній родині — гарантуючи користувачам узгоджений досвід бренду навіть під час копіювання контенту.
Дізнатися про цю можливістьЗагальносайтова висота рядка зафіксована на рівні 1.6, затверджена типографічною робочою групою після шести раундів рецензування: порівняно з 1.5 вона дає символам більше простору для дихання, а порівняно з 1.7 вміщує на один рядок більше на екран — оптимальний баланс комфорту та ефективності.
Дізнатися про цю можливістьНавігація на 100, модальні вікна на 1000, сповіщення на 9999 — загальносайтовий z-index дотримується трирівневої моделі керування, покладаючи край хаосу «хто більший, той і зверху». Кількість тікетів щодо конфліктів шарів залишається нульовою відколи систему запущено.
Дізнатися про цю можливістьУвесь сайт обслуговується через шифрування HTTPS, завдяки чому замок в адресному рядку браузера світиться 7×24 — вибудовуючи довіру до бренду ще до того, як відвідувач прочитає перший рядок тексту.
Дізнатися про цю можливістьПовне покриття favicon у розмірах 16×16, 32×32 та 180×180 — від вкладок браузера до головних екранів мобільних пристроїв упізнаваність бренду не має сліпих зон, а корпоративний імідж залишається онлайн навіть усередині теки закладок.
Дізнатися про цю можливість