Design system
Compass+ UI Laboratory
Because apparently navigation needed a design system.
Navigation
Top nav and footer patterns.
Compass+™Navigation header
Buttons
Primary, premium, outline and ghost styles.
Dialogs & overlays
Modal pattern for the North paywall.
Notifications
Toast, alert and badge states.
North detected
This direction is not included in your free plan.
Cards & pricing
Pricing card used on the plans page.
Free
₹0
East, South, West included.
North Pro
₹299
Premium direction unlock.
Interactive controls
Inputs, switches and dropdowns.
System
Status chips, tags and activity items.
FREE₹299LOCKED Active
Text
Typography and accordion patterns.
North lock state
A compact representation of the paywall micro-interaction.
N
North is locked
Unlock for ₹299 (simulated)