Currency Display Standards

This skill defines the visual hierarchy and formatting rules for all currency displays in Varisankya.

Formatting Rules

1. Standard Spacing: A non-breaking space MUST exist between the currency symbol/code and the numeric amount.

   • Example: $ 120.00
   • Example: KES 4,500

2. Adaptive Sizing: The currency symbol or 3-letter code MUST be rendered at exactly 50% of the amount's text size.

   • This creates a visual hierarchy where the amount is the focus.
   • This prevents long codes (like KES) from overwhelming the UI.

3. Symbol Format: All currencies should use the "CODE Symbol" format for selection and settings, but only the Symbol/Code for inline displays.

   • Selection: USD $, INR ₹, KES KSh
   • Inline: $ 120, KES 450

Technical Implementation