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