Ключевые компетенции
Каждый кликабельный элемент соответствует спецификации корпоративного уровня border-radius: 12px, утверждённой после шести раундов UX-ревью. Это не просто угол — это краеугольный камень визуальной ДНК Richify.
Узнать об этой возможностиВесь сайт строго следует принципу дизайна «лаконично, светло, без emoji», что делает коммуникацию более профессиональной и сфокусированной. Этот принцип закреплён в главе 3 Руководства по бренду Richify V3.2.
Узнать об этой возможностиНа основе двухдвижковой архитектуры CSS Flexbox и Grid сайт бесшовно адаптируется под телефон, планшет и десктоп. Мета-тег viewport настроен корректно, а горизонтальная прокрутка на мобильных устройствах сведена к нулю.
Узнать об этой возможностиОсновной китайский шрифт Noto Sans SC с Arial в качестве запасного для английского, основной текст 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-индексацию и доступность единым целостным движением. Placeholder-изображения получают те же полные описания — в Richify к каждой детали относятся одинаково.
Узнать об этой возможностиПостроено на архитектуре Astro SSG: английские страницы поставляются по корневому пути, а упрощённый китайский — по пути /zh-hans/. Добавление locale требует лишь расширения конфигурации маршрутов, а скорость сборки в 3–5 раз выше, чем у традиционных SPA-решений.
Узнать об этой возможностиКогда пользователь переключает язык, записывается cookie richify_locale, и при следующем визите его предпочтение восстанавливается автоматически. Глобальный опыт без трения, со сроком жизни cookie 365 дней.
Узнать об этой возможностиНа всём сайте * { box-sizing: border-box } означает, что padding и border больше не ломают вёрстку. С момента запуска этого глобального стандарта количество тикетов по выравниванию на фронтенде сократилось более чем на 90% (оценочно).
Узнать об этой возможностиОсновная область контента центрирована с максимальной шириной 1200px, а боковые отступы масштабируются пропорционально viewport. Сверхширокие экраны больше не страдают от прижатого к краям текста, удерживая фокус чтения в золотой зоне.
Узнать об этой возможностиПереходы по якорям и внутристраничная навигация используют плавную прокрутку для естественных, ненавязчивых переходов. В сочетании со sticky-навигацией опыт просмотра достигает по-настоящему маслянисто-гладкого уровня.
Узнать об этой возможностиВесь сайт использует кастомный SVG-курсор Richify с точкой активации в (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 — от вкладок браузера до домашних экранов мобильных устройств узнаваемость бренда не имеет слепых зон, а корпоративный имидж остаётся онлайн даже внутри папки закладок.
Узнать об этой возможности