Дизайн-система OBELIS построена на принципах атомарного дизайна, что позволило создать гибкую, масштабируемую и логично структурированную библиотеку компонентов. Каждый элемент системы разрабатывался поэтапно: от базовых атомов до сложных, многослойных компонентов, таких как интерактивные карточки событий, таблицы коэффициентов и панели управления. Такой подход обеспечивает гибкость настройки и удобство в поддержке продукта.
Для ускорения работы команды разработчиков была создана детальная документация, включающая гайды по использованию UI-компонентов, просчитанные отступы, размеры, состояния элементов, а также подробные сценарии применения в различных условиях. Благодаря этому верстка интерфейса стала точной, согласованной и максимально быстрой, исключая лишние правки и доработки.