![](https://xafmarin.com/wp-content/uploads/2024/01/XAF.png)
Good goal is to design a UI with less UI-ink. We try to determine our UI-ink ratio via:
![](https://xafmarin.com/wp-content/uploads/2024/01/UI-Ink.png)
Navigation modified where > and V symbols have been removed and master navigation items no longer show the folder icon. Via model applied.
![](https://xafmarin.com/wp-content/uploads/2024/01/SultanRisk.png)
The grid no longer shows inner lines (css fix)
![](https://xafmarin.com/wp-content/uploads/2024/01/SultanRisk2-1024x586.png)
Before grid line removing…
![](https://xafmarin.com/wp-content/uploads/2024/01/SultanRisk3-1024x353.png)
After grid line removing…
![](https://xafmarin.com/wp-content/uploads/2024/01/SultanRisk4-1024x353.png)
![](https://xafmarin.com/wp-content/uploads/2024/01/SultanRisk5-1024x341.png)
#2 Font based on input our designer + letter spacing boosted making this stand out a bit more.
#3 Same as #2 for tabs
#4 Data entry box pushed a little more to the background to make it less present.
![](https://xafmarin.com/wp-content/uploads/2024/01/SultanRisk6-1024x354.png)
![](https://xafmarin.com/wp-content/uploads/2024/01/SultanRisk7-1024x354.png)
Vertical timeline to visualize state transition’s and current state…
![](https://xafmarin.com/wp-content/uploads/2024/01/SultanRisk8-1024x821.png)
Custom Login
![](https://xafmarin.com/wp-content/uploads/2024/01/ShopControllerLogin-1024x441.png)
Custom Navigation
![](https://xafmarin.com/wp-content/uploads/2024/01/Custom-Navigation-1024x511.png)
Kanban Board and Top Header Search with Notifications
![](https://xafmarin.com/wp-content/uploads/2024/01/KanbanBoard-1024x534.png)
Custom Grid Cell Template
![](https://xafmarin.com/wp-content/uploads/2024/01/CustomGridCellTemplate-1024x558.png)
Custom Property Editors in DetailView
![](https://xafmarin.com/wp-content/uploads/2024/01/CustomPropertyEditors-1024x531.png)
Custom Property Editors in DetailView Version 2
![](https://xafmarin.com/wp-content/uploads/2024/01/CustomPropertyEditors2-1024x535.png)
Custom ListEditor
![](https://xafmarin.com/wp-content/uploads/2024/01/CustomListEditor-1024x437.png)
![](https://xafmarin.com/wp-content/uploads/2024/01/CustomListEditorExpanded-1024x590.png)
Custom Popup
![](https://xafmarin.com/wp-content/uploads/2024/01/CustomPopup-668x1024.png)
Custom Widgets (iOT App)
![](https://xafmarin.com/wp-content/uploads/2024/01/CustomWidgets-1024x720.png)
Custom Scheduler
![](https://xafmarin.com/wp-content/uploads/2024/01/CustomScheduler-1024x403.png)
Custom Listview with Left Panel for filtering
![](https://xafmarin.com/wp-content/uploads/2024/01/Custom-Listview-with-Left-Panel-for-filtering-1024x332.png)
Custom Login 2
![](https://xafmarin.com/wp-content/uploads/2024/01/Xari3-1024x517.jpeg)
Custom DetailView Version 3
![](https://xafmarin.com/wp-content/uploads/2024/01/Xari-1024x488.jpeg)
Custom Navigation and ListView with Custom Filters and a Custom Top Action
![](https://xafmarin.com/wp-content/uploads/2024/01/Xari1-1024x486.jpeg)
Custom Navigation and Order Processing with Shipment Tracking State
![](https://xafmarin.com/wp-content/uploads/2024/01/Xari2-1024x515.jpeg)
Customize Action
![](https://xafmarin.com/wp-content/uploads/2024/01/CustomizeAction-1024x339.png)
Customize Action 2
![](https://xafmarin.com/wp-content/uploads/2024/01/CustomizeAction2-1024x258.png)
Custom Icons
![](https://xafmarin.com/wp-content/uploads/2024/01/Custom-Icons-1024x832.png)
Another Custom Property Editor
![](https://xafmarin.com/wp-content/uploads/2024/01/Custom-Property-Editor-and-TokenBox-1024x519.png)
TokenBox
![](https://xafmarin.com/wp-content/uploads/2024/01/TokenBoxPropertyEditor-1024x207.png)
XAF WinForms Custom Editor
![](https://xafmarin.com/wp-content/uploads/2024/01/WinForms-Editor-1024x330.png)
XAF WinForms Progress Bar
![](https://xafmarin.com/wp-content/uploads/2024/01/XAF-WinForms-Progress-Bar-1024x296.png)
XAF Blazor Progress Bar
![](https://xafmarin.com/wp-content/uploads/2024/01/XAF-Blazor-Progress-Bar-1024x611.png)