Всё зависит от целей такого древовидного списка.
Если каждый Раздел первого уровня должен быть постоянно на виду – это одно. Если пользователю будет необходимо "нырнуть" вглубь иерархии и там производить действия – другое.
Скорее всего на ux.stackexchange (tag: tree) есть ответ. Приципы отображения такого списка одинаковы, а плоский дизайн – лишь верхушка айсберга, графическое оформление.
Для вдохновения: Пример Kendo UI Вертикальная навигация в современных админ-панелях Ещё пример Использование панелей collapse-expand – левый сайдбар с навигацией (тоже своего рода дерево, где есть Раздел и Подраздел)
Простой
