Hi everyone 
I’m working on customizing the Organizational Chart page in Frappe/ERPNext.
Functionally everything works fine, but I’m trying to improve the UI and visual hierarchy to make it more modern and readable.
Current state:
-
Default horizontal org chart
-
Cards show employee name + connections
-
Layout feels a bit flat and stretched on wide screens
What I’m looking for:
-
Design suggestions (layout, spacing, alignment)
-
Whether a vertical org chart is preferred UX-wise
-
Best practices followed in other Frappe implementations
-
Any examples, themes, or customizations you’ve seen in real projects
Tech details:
-
Using
getOrgChart -
Custom JS override on
organizational-chartpage -
Open to CSS-only or JS-based improvements
I’ve attached a screenshot of the current design for reference.
Would really appreciate feedback or pointers 
Thanks in advance!