Разработать дизайн интерфейса и UI kit

Необходимо разработать дизайн интерфейса для системы управления продажами (CRM)

Для начала отрисуйте черновой вариант страниц, чтобы понять идею и задумку, чтобы не тратить ваше время, если в целом реализация не пройдет первый этап отбора.

Задачи:

• Реализовать UI kit на основе Bootstrap 5 со всеми элементами. Пример использования UI-кита: tabler.io
• Реализовать темную и светлую тему
• Реализовать десктоп и мобильную версию
• Отрисовать 3 страницы (десктоп версии, после согласования - мобильные версии) по указанному wireframe
  • Dashboard
  • Campaign
  • Leads

Требования:

• Основных цветов должно быть 3: основной, вторичный, оттенок (Primary, Secondary, Accent). Цвета использовать с лого ADSI
• Дополнительные цвета: Success, Warning, Danger, Info, Light, Dark

Дополнительная информация:

• Система будет кастомизироваться клиентами под их логотип и основные цвета бренда.
• Дизайн 3х страниц должен быть десктоп и мобайл версия. Мобильную версию делаем после утверждения работы.
• Шрифт использовать из ADSI либо подобрать свой вариант.
• Набор иконок можно использовать как готовый, так и реализовать свой вариант.
• В wireframe указаны обязательные позиции блоков, их не рекомендуется менять, но мелкие элементы (иконки, избранное и т.д.) можете менять.
• Текста где не указаны - использовать заглушки.

Ресурсы:

Лого ADSI: https://far-amaranthus-587.notion.site/1878e9177e584dbaa616037636b96887?pvs=4

Wireframe: https://far-amaranthus-587.notion.site/Wireframe-0bd541da8f634c7287abb564d78d3898?pvs=4

Bootstrap5 Figma: https://www.figma.com/file/Fd9byCwHcKBhHTMY37WX8W/Bootstrap-5-UI-Kit-(Community)?type=design&node-id=139-170&mode=design&t=V5V9TO3tRW5qGUAW-0

Пример UI-кита: https://preview.tabler.io/