Design Philosophy
Honoring the divine wisdom
Charan Kamal is designed to bridge the gap between a deeply reverent, historical scripture and a crisp, modern digital experience. The interface is meant to be invisible - getting out of the way so the user can focus entirely on the Guru's words.
The Typography
A deliberate three-font system separates the digital interface from the sacred text, allowing you to navigate seamlessly while reading the eternal words of the Sri Guru Granth Sahib Ji.
Primary UI • Inter
Used for all interface elements - buttons, search inputs and navigation. Inter acts as a quiet, neutral frame, ensuring the focus remains entirely on the Shabad.
Scripture & Headings • EB Garamond
EB Garamond is a digital revival of a classic 16th-century typeface. It grounds the modern interface with a deep sense of history and reverence. We use it exclusively for major page headings and section titles to give the interface a timeless, enduring feel.
Punjabi Text • Noto Sans Gurmukhi
Highly legible, clean and perfectly weighted for screen reading without losing traditional letterforms. Used strictly for Gurbani verses.
The Colors of Amrit Vela
The app defaults to a deeply immersive Dark Mode. We chose a very specific, meditative navy blue (#0D1B3E) rather than pure black. It is meant to evoke the quiet, calming atmosphere of Amrit Vela - the early morning hours traditionally dedicated to meditation and prayer. The text is an off-white cream (#F5F0E8), which is softer on the eyes during long reading sessions.
For daytime reading, the Light Mode shifts to a warm, paper-like cream (#FCF7ED) instead of a harsh white. This mimics the warmth of a physical Gutka Sahib page. The text uses a deep charcoal brown (#36281A) rather than pure black to reduce eye fatigue and maintain that organic, historical warmth.
Dark Mode (Default)
Light Mode
Tactile Interactions
Charan Kamal relies on gentle, tactile interactions. Buttons and cards provide instant tactile feedback by depressing slightly (scaling down) when pressed, rather than just changing color. Subtle glassmorphism (blurred backgrounds) on floating elements creates a sense of depth and hierarchy over the sacred verses.