Relume Library Style Guide

Client-First V2.1 • Last updated Jan 09, 2024
Typography
HTML Headings Tags
HTML tags define default Heading styles.
All H1 Headings

Heading 1

All H2 Headings

Heading 2

All H3 Headings

Heading 3

All H4 Headings

Heading 4

All H5 Headings
Heading 5
All H6 Headings
Heading 6
Heading Classes
Heading classes when typography style doesn't match the default HTML tag.
heading-style-h1

Heading-style-h1

heading-style-h2

Heading-style-h2

heading-style-h3

Heading-style-h3

heading-style-h4

Heading-style-h4

heading-style-h5

Heading-style-h5

heading-style-h6

Heading-style-h6

Other HTML Tags
HTML tags define default text styles.
All Paragraphs

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

All Links
All Links
All Block Quotes
Block Quote
All Unordered Lists
  • No bullet list

  • No bullet list

All Unordered Lists
  • No bullet list

  • No bullet list

All Ordered Lists
  1. No bullet list

  2. No bullet list

  3. No bullet list

Text Sizes
Text sizes classes when typography size doesn't match the default HTML tag.
text-size-large

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

text-size-medium

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

text-size-regular

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

text-size-small

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

text-size-tiny

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Text Weights
Text weight classes when typography weight doesn't match the default HTML tag.
text-weight-xbold
text-weight-xbold (800)
text-weight-bold
text-weight-bold (700)
text-weight-semibold
text-weight-semibold (600)
text-weight-medium
text-weight-medium (500)
text-weight-normal
text-weight-normal (400)
text-weight-light
text-weight-light (300)
Text Styles
Text style classes when typography style doesn't match the default HTML tag.
text-style-italic
text-style-italic
text-style-strikethrough
text-style-strikethrough
text-style-allcaps
text-style-allcaps
text-style-nowrap
text-style-nowrap
text-style-quote
text-style-quote
text-style-link
text-style-2lines
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
text-style-3lines
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
text-style-muted
text-style-muted
Text Alignment
Text alignment classes when typography alignment doesn't match the default HTML tag.
text-align-left
text-align-left
text-align-center
text-align-center
text-align-right
text-align-right
Rich Text
text-rich-text

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6
This is a block quote

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

This is a link inside of a rich text

  • List item
  • List item
  • List item
  1. List item
  2. List item
  3. List item
Caption goes here
Effects
Box Shadows
Shadows allow you to add depth and realism to designs by positioning elements on a z-axis.
shadow-xxsmall
shadow-xsmall
shadow-small
shadow-medium
shadow-large
shadow-xlarge
shadow-xxlarge
UI Elements
Buttons
button
button
is-small
button
is-secondary
button
is-secondary
is-small
button
is-tertiary
button
is-tertiary
is-small
button
is-link
To use on a dark background, simple use the add-on class is-alternate
button
is-alternate
button
is-alternate
is-small
button
is-secondary
is-alternate
button
is-secondary
is-small
is-alternate
button
is-link
is-alternate
Button
Buttons With Icons
button
is-icon
button
is-small
is-icon
button
is-secondary
is-icon
button
is-secondary
is-small
is-icon
button
is-link
is-icon
button
is-icon-only
button
is-small
is-icon-only
button
is-secondary
is-icon-only
button
is-secondary
is-small
is-icon-only
button
is-tertiary
is-icon-only
button
is-tertiary
is-small
is-icon-only
button
is-link
is-icon-only
Form Elements
form_field-label
form_input
form_input
is-text-area
form_input
is-select-input
form_checkbox
form_radio
button
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Icons (Image)

icon-height-xxsmall

icon-height-xsmall

icon-height-small

icon-height-medium

icon-height-large

icon-height-xlarge

icon-height-custom1

icon-1x1-xxsmall

icon-1x1-xsmall

icon-1x1-small

icon-1x1-medium

icon-1x1-large

icon-1x1-xlarge

icon-1x1-custom1

Icons (HTML Embed)
HTML embed icons enable you to control icon color on hover.

icon-embed-xxsmall

icon-embed-xsmall

icon-embed-small

icon-embed-medium

icon-embed-large

icon-embed-xlarge

icon-embed-custom1

Structure Classes
Defined and flexible core structure we can use on all or most pages.
page-wrapper
main-wrapper
container-small
container-medium
container-large
padding-global
padding-section-small
padding-section-medium
padding-section-large
button-group
Max Widths
Use the max-width CSS property to contain inner content to a maximum width.
max-width-full
max-width-full-tablet
max-width-full-mobile-landscape
max-width-full-mobile-portrait
max-width-xxlarge
max-width-xlarge
max-width-large
max-width-medium
max-width-small
max-width-xsmall
max-width-xxsmall
Paddings
Direction Classes
padding-bottom
padding-top
padding-vertical
padding-horizontal
padding-left
padding-right
Size Classes
padding-0
padding-tiny
padding-xxsmall
padding-xsmall
padding-small
padding-medium
padding-large
padding-xlarge
padding-xxlarge
padding-huge
padding-xhuge
padding-xxhuge
padding-custom1
padding-custom2
padding-custom3
Margins
Direction Classes
margin-bottom
margin-top
margin-vertical
margin-horizontal
margin-left
margin-right
Size Classes
margin-0
margin-tiny
margin-xxsmall
margin-xsmall
margin-small
margin-medium
margin-large
margin-xlarge
margin-xxlarge
margin-huge
margin-xhuge
margin-xxhuge
margin-custom1
margin-custom2
margin-custom3
Spacers
Unified spacer system for the project.
spacer-tiny
spacer-xxsmall
spacer-xsmall
spacer-small
spacer-medium
spacer-large
spacer-xlarge
spacer-xxlarge
spacer-huge
spacer-xhuge
spacer-xxhuge
Utility Classes
Useful utility classes we like to use in most of our projects to build faster.
hide
This element is hidden
hide-tablet
hide-mobile-portrait
hide-mobile-landscape
overflow-visible
overflow-hidden
overflow-auto
overflow-scroll
pointer-events-auto
pointer-events-none
layer
spacing-clean
align-center
z-index-1
z-index-2
display-inlineflex
margin-top-auto
aspect-ratio-square
aspect-ratio-portrait
aspect-ratio-landscape
aspect-ratio-widescreen
inherit-color
BLOG

Exploring the Divine Essence of Lord Ganesha: Insights from Vedic and Carnatic Music Traditions

Explore the profound reverence for Lord Ganesha in Sanatana Dharma through Vedic scriptures and Carnatic music, revealing his role in overcoming obstacles and guiding seekers to success.
March 3, 2024
- Radha Krishnan

Om gam ganapathayeh Om Shri gurubhyoh namaha

In Sanatana Dharma Pathathi (primarily Sanata means, the beginning and end of which is not existing, visible, available or that cannot be reached, signifying continuity ceaselessly), Lord Ganesha is worshipped first and the first being worshipped has innumerable reasons attributable to his physical or esoteric form linked with his wisdom, virtues, traits and protector to cite a few.  Since time immemorial seekers have been worshipping Ganesha to get desired boons with the respective upasana padhathi.  

It is “Vedo-Upanishada saaram” considered as the acceptable/recognised base for the study, understanding or teachings, prapogation and dissemination of all subject and subject matter that falls in the purview of sanathana dharma. Invariably, Vagekaras, Vedic Philosophers, Poets, Upasakas and all other associated arts form propagators, teachers, and seekers in pursuit of respective subject or subject matters pursued/pursuing study staunchly believes and trust the Vedo-Upaishad Saaram.

The first and the foremost Rig Veda illustrates Ghanapathy as

Om Gananathwa ganapathihum havamahe kavimkaveenam upamashravasthaman

Jhesta rajam brahmhanaam brahanaspata aana shrunvan udhibhi seedha saadhanam

Mahaghanapatayeh namaha

ॐ गणानां त्वा गणपतिं हवामहे

कविं कवीनामुपमश्रवस्तमम् ।

ज्येष्ठराजं ब्रह्मणाम् ब्रह्मणस्पत

आ नः शृण्वन्नूतिभिःसीदसादनम् ॥

ॐ महागणाधिपतये नमः ॥

The meaning of this sloka is O Ganapathi, you are the Lord of the ganas, we offer our sacrificial oblations, you are the wisdom of the wise, the uppermost in glory, the Eldest Lord and is of the nature of Brahman (absolute consciousness), the embodiment of the sacred Pranava (Om); please come to us by listening to our prayers and be present in the seat of this Sacred Sacrificial Altar. Om, our prostrations to “Mahaganapathi”. 

Ganapathi and fine arts

Not only the Vedas the description linked with illustrations in respect of mahaganapati is all persuasive in all forms of Fine Arts particularly music.  Vagekaras (the one who has written kirtanas) through their kritis and compositions have very aptly described mahaganpati his traits, virtuous, glory, valour and wisdom in the most subtle manner. Appropriate ragas have been chosen by these vagekaras while composing keerthanas on mahaganapathi. The description and illustrations contained in these keerthanas bring out the general and other hidden traits for the benefit of the seekers. While practicing or propagating any form of fine art the very first step is to propitiate “Ganpathi” so that the undertaken tasks or work gets completed with set time-lines, without hindrance and the project completed successfully.

In consonance with parampara in Karnataka music the learner is taught first geetham which is also called pillayar geetham “sree gananatha sindhuraruna karunasagara karivadhana lambodhara lahumikara”. The vagekaras in the last 5 centuries would have been surely taught this geetham based on the Carnatic music tradition prior to further advancement in the realm of music. 

Bhakti Margham - Invocation

Considering the Bhakti Margham pursuit the trinities (Saint Thyagaraja, Nadhajyoti Muthuswamy Dikshitar, Bhakta Shiromani Shyama Sastry) and very popularly known and not known Vagekaras through their kritis on Ganapathy have brought out innumerable aspects as described in Vedo-Upanishad Saaram relating to the physical attributes with spiritual, esoteric, progression, growth and development envisaging as the benediction of Mahaganapathy setting an inevitable pace,  predisposed on the pedestal of Bhakti-Ghyana-Vairagya. Bhakti pursued through music is a very “Sahaja Maarga” that can be followed by any seeker for a very long period in one’s life-time leading a path for “complete surrender” the core objective-epitome of following any spiritual path.

Profoundity of Ganapathi

Padhathi based events when taking place like “Thyagaraja Aradhana” Saint Thyagaraja dwelled in “Samadhi” on the Bagula Panchami day, year 1847 is being celebrated every year with Musicians participating all over the world at Thiruvayyaru on the banks of river Kaveri singing “Pancha Ratna Kirtanas” composed in “Ghena Ragams” and is followed by singing his other kirtanas composed by the leading Vocalist and Instrumentalist.  Prior to these being sung as a customary padhathi kirtana composed by Thyagaraja on Ganapathi in Ragam Saurastram said to Aadi Thalam “Shri Ganapati ni sevimparare” is sung as invocation kriti in the prahalaa bhakti vijayam describing in the kirtana “O Devotees , we all worship Shri Ganapathi. Let us all humbly worship Shriganapathi who has partaken Jack fruit, Coconut, Banana and other fruits, heavily placing his steps on the Earth to the tintinnabulation, ever seating the holy feet of lord hari in the lotus of his heart is proceeding to the beats of different pace.  The kirtana illustrates the word as “dhithallagu” which is a mridangam “sollu kattu”. Thyagarajas imagination as spelt out in this kirtana is full of divinity, shedding lights on bhakti and simplicity.

Similarly, Muthuswamy Dikshitar had composed many kritis on different forms of Ganapathi linking it to several prospective spiritual levels bringing in many facets of padhathis. His very popular kirtana on Ragam Hamsadwani said to Aadi Thalam “Vathapiganapathim Bhajeham” describes Ganapathy “Vishwa Karanam Vighnavaaranam” the very source of universe, the one dispels all hindrances, “trikonamadhyanilam” “mooladharashetrastitham” Ganapathi resides at mooladhara.  Similarly, in Ragam Ramapriya said to Aadi Thalam “Ucchista Ganapathim” he had described and illustrated about Ucchista Ganapathy as “Chit shakti spoorthy swroopii Chidananda naada swaroopini”, “beri madala veena vaadane” “soorijanayuda sripura sadaney” describing Ganapathi as Chit shakti, Chidananda naada swaroopini who is keen always to listen madhalam, Veena, Venu and other musical instruments and resides at Sripuram the abode of Shri Rajarajeshwari. 

In one of the kirtanas Muthuswamy Dikshitar describes the perspective of Ajabha Gayatri Dhayanam in the kirtana “Mooladhara Chakra Vinayaka” at the last Madhyama Kaalam he illustrated “Shata shata swaswadhikaara vichitrokara bhaktopakara” shata shata swaswadhikaara means “the owner of 600 breathes”.  In Ajabha gayatri Dhayanam it is a yoga treatise where seekers have to do breath control exercises (abhyasa in yoga marga) where, seven chakras in human body are identified with respective places from Mooladhaa to Sahasrara and Ganapathi is propitiated at Mooladhara with the chanting of mantra “Moola dhara mandapa madhyey chaturdhala padmasthithayey kukumavarnayey Pushti shakti sahitayey shri mahaganapathey namaha shata shatha gayatri jhapam nivedhayami” and similarly seekers proceed to further journey through other 6 chakras until reaching Sahasrara”.

Vedo-Upanishad Saaram the governing factor

 Such intense, diverse, divine subjects are illustrated in the kirtanas by Dikshitar and other Vagekaras bringing in more Vedo-Upanishad matters to surface through kirtanas are a boon for humanity, knowingly or unknowingly dealing with such subject matters or singing these are an ideal boon, blessing and benedictions. The enormous flow of such kirtanas and repeated singing at various platform keeps the ideology, philosophy of the subject matter divinely inclined with bhakti rasarnavam. Bhakti and Gyana are the two paths that bring into its governance all seekers of the world whatever may be the religion, belief, faith & worship one belongs to agglomerating world peace, universal brotherhood the very source and core concept of “Vasudeva Kutumbakam”.

Share this post

Services

Online tuitions on Veena Playing
Explore Classes
Concerts individual or in groups
Know more
Classical or Semi Classical composing
Explore More
Content writing on carnatak music
Explore More