NorbieLink
search close
HomeComponentsNavigation

Norbielink uses a collapsible side navigation drawer as the primary navigation pattern. The active item uses a purple gradient pill. A persistent top bar contains search and partner branding.

search  Search clients, quotes or policies...
POWERED BY btis
John Smith PRO
ProSuite Member
Marketplace
Content area

Collapsed sidebar

When collapsed, only icons are shown. Hovering reveals a tooltip with the item label. Active state maintains the purple gradient pill — scaled to a circle.

N
grid_view
auto_awesome
description
assignment
workspace_premium
bar_chart
support_agent
Content expands to fill available space when sidebar is collapsed.

Avatar

User avatars use initials on a solid purple background. Four sizes are available across the system.

JS
XL — 56px
Profile page
JS
LG — 44px
Dropdown header
JS
MD — 36px
Sidebar user row
JS
SM — 28px
Table rows, inline

Specs

ElementValue
Sidebar width (expanded)245px
Sidebar width (collapsed)72px
Sidebar background#191D35 (dark-sidebar)
Nav item shapeshape.full (pill)
Nav item height40px
Nav item margin2px 8px (8px horizontal inset)
Active backgroundlinear-gradient(to bottom, #191D35, #582A75, #9D37BC)
Active border1px solid rgba(166,20,195,0.8)
Active shadow0 0 8px rgba(166,20,195,0.5)
Active icon color#A614C3
Top bar height56px
Top bar background#0F1120