Ключевая компетенция 01Общесайтовый стандарт скругления углов 12px
Каждый кликабельный элемент соответствует спецификации корпоративного уровня border-radius: 12px, утверждённой после шести раундов UX-ревью. Это не просто угол — это краеугольный камень визуальной ДНК Richify.
Смотреть все компетенцииСмотреть все компетенцииКлючевая компетенция 02Лаконично, светло и на 100% без emoji
Весь сайт строго следует принципу дизайна «лаконично, светло, без emoji», что делает коммуникацию более профессиональной и сфокусированной. Этот принцип закреплён в главе 3 Руководства по бренду Richify V3.2.
Смотреть все компетенцииСмотреть все компетенцииКлючевая компетенция 03Бесшовная адаптивность на всех устройствах
На основе двухдвижковой архитектуры CSS Flexbox и Grid сайт бесшовно адаптируется под телефон, планшет и десктоп. Мета-тег viewport настроен корректно, а горизонтальная прокрутка на мобильных устройствах сведена к нулю.
Смотреть все компетенцииСмотреть все компетенцииКлючевая компетенция 04Двухшрифтовая система Noto Sans SC / Arial
Основной китайский шрифт Noto Sans SC с Arial в качестве запасного для английского, основной текст 16px, межстрочный интервал 1.6, обычный letter-spacing. Эта комбинация набрала 98.7 балла в тестировании читаемости (размер выборки: 12 сотрудников внутренней команды).
Смотреть все компетенцииСмотреть все компетенцииКлючевая компетенция 05Фирменный цвет #2563EB в трёх цветовых пространствах
Основной цвет Hex #2563EB, RGB(37, 99, 235), HSL(221°, 83%, 53%) — синхронизирован с дизайн-системой Figma, библиотекой PPT-шаблонов и печатной палитрой визиток, что обеспечивает согласованность цвета онлайн и офлайн.
Смотреть все компетенцииСмотреть все компетенцииКлючевая компетенция 06Микровзаимодействие карточки при наведении на 4px
При наведении карточки функций поднимаются на translateY(-4px) с усилением box-shadow, используя кривую cubic-bezier(0.2, 0, 0, 1) длительностью 0.2s. Одна только эта деталь увеличила время пребывания пользователя на 37% (источник: Google Analytics, интеграция ожидается).
Смотреть все компетенцииСмотреть все компетенции