Dharmic Design Guide
Bridge the language between modern design and Dharmic wisdom — understand what your designer is asking and why it matters for your brand before your first meeting.
Part 1 of 4
Design Principles & Their Dharmic Equivalents
Every concept your designer uses has a direct counterpart in Dharmic tradition. Knowing both vocabularies lets you engage as an equal partner in the creative process.
Modern Design
Color Psychology
Colors trigger emotional and cognitive responses in viewers — red raises urgency, blue conveys trust, green signals growth. Designers use this to steer how customers feel about a brand before they read a single word.
Dharmic Equivalent
Rasa & Bhava
Rasa (aesthetic essence) and Bhava (emotional state) are evoked by color in Indian art and architecture. Each hue carries a specific rasa — Saffron evokes Vira (heroism and energy), White evokes Shanta (peace and clarity), Deep Red evokes Shringara (love and beauty).
Modern Design
Brand Identity
A consistent color palette signals who you are at a glance — it creates recognition, trust, and differentiation from competitors. Think of it as the visual personality of your business.
Dharmic Equivalent
Dharmic Signature (Rupa)
Rupa (form and appearance) in Sanskrit texts refers to the visual identity of a being or institution. Choosing colors aligned with your purpose (Dharma) creates authentic resonance rather than mere visual noise — your palette becomes a statement of intent.
Modern Design
Color Harmony
Complementary, analogous, and triadic schemes ensure that colors feel balanced and intentional together rather than clashing. Harmony is the difference between a palette that looks designed and one that looks accidental.
Dharmic Equivalent
Panchabhoota Balance
Indian design philosophy maps colors to the five elements (Earth, Water, Fire, Air, Ether). A balanced palette mirrors the Panchabhoota — grounding earth tones (terracotta, ochre) anchored by expansive sky colors (blue, white) creates cosmic equilibrium that audiences feel instinctively.
Modern Design
Target Audience
Different demographics respond differently to color — age, culture, and context all shape whether a palette feels trustworthy or alarming. A color that works in one market can actively repel another.
Dharmic Equivalent
Sampradaya & Parampara
Sampradaya (community or tradition) shapes color meaning deeply. Saffron speaks to those in the Vedic parampara; turquoise resonates with Krishna devotees; deep crimson belongs to Shakti traditions. Knowing your audience's sampradaya is not optional — it is the foundation of every color decision.
Modern Design
Visual Hierarchy
Primary, secondary, and accent colors guide the eye — the most important element receives the most visually dominant color. Without hierarchy, everything competes and nothing communicates.
Dharmic Equivalent
Trigunas in Color
The three Gunas map naturally to visual hierarchy. Sattva (pure, luminous colors) for headings and primary calls-to-action; Rajas (vibrant, energetic hues) for secondary emphasis; Tamas (deep, grounding tones) for backgrounds and structural elements. The hierarchy becomes meaningful, not just aesthetic.
Modern Design
Contrast & Accessibility
WCAG contrast ratios ensure text remains readable for all users, including those with visual impairments. It is both a legal standard and an ethical responsibility in modern digital design.
Dharmic Equivalent
Viveka (Discernment)
Viveka — the faculty of discrimination and clear seeing — in design means every color choice must be purposeful, legible, and respectful. A sacred text rendered unreadable on its background dishonors both the content and the reader. Clarity is a form of reverence.
Part 2 of 4
Before You Speak to a Design Specialist
A specialist who understands Dharmic color can make profoundly better choices — but only when you can answer these questions. Reflect on them before your first meeting.
What is the core purpose of your business?
Why it matters: Your Dharma (purpose) determines which Rasa (emotional essence) your palette must carry. A healing practice needs different colors than a legal firm — even if both want to project "trust".
Who is your audience — are they rooted in a specific tradition or region?
Why it matters: Color meaning shifts dramatically across sampradayas and regions. A pan-India brand needs different choices than a Vaishnavite temple trust or a South Indian wedding service.
What feeling should a client have after every interaction with your brand?
Why it matters: This maps directly to your dominant Rasa — is it trust (Shanta), energy (Vira), warmth (Shringara), reverence (Adbhuta), or knowledge (Karuna)? Your designer needs this word, not just "professional".
Are there colors your main competitors consistently use?
Why it matters: Vailakshana (distinctiveness) in the market is as important as harmony within your own palette. If every competitor uses blue, standing apart may require a conscious departure — your designer must know the landscape.
Does your business carry a spiritual, cultural, or ceremonial dimension?
Why it matters: This unlocks the full depth of Dharmic color associations — chakra correspondences, deity palettes, festival meanings, and Vastu color principles. Without this context, a designer works with half the vocabulary.
Where will your colors appear — digital screens, print, physical space, or clothing?
Why it matters: Medium transforms perception. Sacred saffron on a temple wall differs from saffron on a screen (which shifts under different lighting) or saffron on fabric (which changes with texture and dye). Your specialist must know all surfaces before committing to any hex code.
Part 3 of 4
Why This Matters for Your Business
Color is not decoration — it is communication.
In the West this is called branding; in Dharmic tradition it is called Rupa-Dharma — the duty of form. When your palette aligns with your purpose, your audience senses coherence before they read a single word. Misaligned colors create unconscious friction; aligned ones build trust at first glance.
A specialist who knows both vocabularies can give you colors that work technically (contrast, harmony, accessibility) and spiritually (intention, tradition, resonance). That double alignment is the difference between a brand that looks good and one that feels right.
The questions in Part 2 are not a formality. They are the brief that allows a designer to move from generic choices to choices that are specifically, irreducibly yours.
Part 4 of 4
The Two Paths of Icon Design: Typography & Iconography
Every logo and icon resolves into one of two fundamental approaches — a mark built from letterforms, or a mark built from symbols. Choosing between them is the first decision you and your designer make together, and it determines every design choice that follows.
At a Glance — Which Approach Is Right for You?
Typography-Based Marks
Lettermarks, monograms, wordmarks — built from type
Design Principle
Font Personality — Serif vs Sans-serif
Serif fonts (with decorative terminals) project heritage, authority, and luxury — right for Vedic institutions, legal practices, and traditional brands. Sans-serif fonts project clarity, modernity, and openness — right for wellness, education, and technology. Geometric sans-serif fonts echo the clean grid of a Yantra; organic serif forms echo hand-painted temple calligraphy.
Dharmic Dimension
In Sanskrit typography, the shiro rekha (the horizontal headline connecting letters) is itself a design axis — a serif is not mere decoration but a structural element rooted in the aksharic tradition.
Design Principle
Stroke Weight — the Invisible Rule
At 16×16 pixels (browser favicon), a stroke thinner than 2px becomes invisible or blurry on most screens. At 32px, 1.5px strokes are acceptable. Thin-weight fonts that look elegant at large print size collapse into illegibility in a phone notification tray. Test every lettermark at the smallest size it will ever appear before approving the design.
Dharmic Dimension
Shilpashastra's angula system prescribed precise stroke widths proportional to the overall form — a principle indistinguishable from modern minimum-stroke guidelines. Proportion is not aesthetic preference; it is structural integrity.
Design Principle
Letter Spacing (Tracking)
Tight tracking (letters close together) creates visual unity — right for monograms where letters interlock as a single symbol. Open tracking (letters spread apart) creates authority and breath — right for wordmarks that stand alone. Never use the default tracking of a font without consciously evaluating it; every designer adjusts tracking as a first step.
Dharmic Dimension
Sanskrit aksharas (syllables) carry inherent visual spacing from the shiro rekha. Forcing Latin tracking rules onto Devanagari lettermarks breaks the structural logic of the script. Honour the script's own rhythm before applying external design rules.
Design Principle
Minimum Legibility Testing
Every lettermark must be tested at four critical sizes before approval: 16×16px (browser favicon), 24×24px (toolbar icon), 32×32px (app icon), and 10mm (minimum print). At each size, ask: can you identify the letter without knowing what it should say? If the answer is no at any size where the mark will appear, the design must be simplified or replaced with a symbol.
Dharmic Dimension
The concept of Spashtatva (clarity of meaning) in Sanskrit rhetoric applies directly — a word or symbol that cannot be perceived correctly cannot transmit its meaning. Illegibility is not a minor technical issue; it is a failure of purpose.
Design Principle
Devanagari & Sanskrit Lettermarks
Devanagari presents unique opportunities and constraints. The shiro rekha (connecting headline) is the structural backbone — never break it or allow it to disappear at small sizes. Conjunct consonants (samyuktaksharas) that look beautiful in long-form text become illegible below 48px; use single aksharas for marks at small sizes. OM (ॐ) occupies a special category — it is simultaneously a letter, a syllable, a sound, and a complete visual symbol. It bridges typography and iconography.
Dharmic Dimension
Each Sanskrit letter is a Bija (seed syllable) — the visual form carries the vibrational frequency of the sound it represents. A Devanagari lettermark is not merely a monogram; it is a mantra made visible. This raises both the creative opportunity and the responsibility of accuracy.
Iconography-Based Marks
Pictorial symbols, abstract marks — built from geometry
Design Principle
Geometric Construction — the Grid Beneath Everything
Professional icon designers work on a 24×24 unit grid with keyline shapes — a circle (diameter 20), a square (20×20), a tall rectangle (18×20), and a wide rectangle (20×18). These keylines ensure icons in the same system carry equal visual weight, even if their shapes differ. The golden ratio (1:1.618) governs proportional relationships within the icon itself.
Dharmic Dimension
Yantra geometry begins from the same place: a Bindu (central point), radiating outward through Trikona (triangles) and Chakra (circles) to the framing square. The 24-unit icon grid and the Yantra diagram are independent discoveries of the same geometric truth — form built from centre outward, proportion governing all relationships.
Design Principle
Negative Space — the Power of the Undrawn
Negative space is the area around and between the drawn forms. In skilled icon design, the negative space has as much intentional shape as the positive form — it can hide secondary meanings (the arrow in the FedEx logo, the bear in the Toblerone mountain, the smile in the Amazon logo). An icon cluttered with positive form has no room for the eye to rest, and therefore no room for meaning to accumulate.
Dharmic Dimension
Shunya (the sacred void) is not emptiness — it is potential. In Hindu iconography, the space around a deity is as carefully composed as the deity itself. Negative space in a logo is not what was left over after the drawing was finished; it is what was deliberately preserved.
Design Principle
Stroke vs Filled — Two Modes, One System
Stroke icons (outlines only) feel lighter, more modern, and work well at 24px and above where the stroke remains visible. Filled icons (solid shapes) carry more visual weight and remain legible at 16px and below where strokes would collapse. Best practice: design the filled version first — it is the monochrome master from which all others derive. The stroke version is a stylistic variation, not the primary form.
Dharmic Dimension
In temple sculpture, relief carving begins as a filled form (murti in the round) before decorative line-work is added. The filled form carries the essence; the line-work adds refinement. The icon design principle mirrors this — fill first, refine second.
Design Principle
Visual Weight & Optical Balance
Equal geometric measurements do not produce equal visual weight. A circle of 20px diameter appears smaller than a square of 20×20px — the circle must be made slightly larger to appear equal. A top-heavy symbol feels unstable; a bottom-heavy one feels grounded. These optical corrections are not accidents or preferences — they are documented principles that every professional icon designer applies systematically.
Dharmic Dimension
Shilpashastra's elaborate proportional system (based on angulas and talas) was not decorative convention — it was the accumulated observation of how the human visual system perceives sculptural form. The optical corrections in modern icon grids and the proportional corrections in ancient iconometric manuals are solving the same problem: how to make a form feel right, not just measure correctly.
Design Principle
Scalability — One Form Across All Sizes
A professional icon is designed as a vector (SVG) with a single viewBox="0 0 24 24" declaration. This one file renders perfectly at 16px on a browser tab, at 512px on an app store listing, and at any size in between. At sizes below 24px, paths must be pixel-snapped (aligned to whole-pixel boundaries) to avoid anti-aliasing blur. Fine details that look good at 256px must be removed for the 16px version — complexity and size are inversely related.
Dharmic Dimension
The Sri Yantra is drawn at any scale — from a fingernail-sized pendant to a temple floor spanning metres — without losing its structural integrity, because it is defined by geometric relationships, not fixed measurements. SVG and Yantra share the same underlying logic: define the proportional relationships; let the scale be determined by context.
Design Principle
Sacred Geometry as Construction Logic
Yantra construction principles map directly to icon grid principles. The Bindu (central point) = the icon's focal point, the first mark placed. The Trikona (triangle) = directional energy, pointing the eye toward or away from the centre. The concentric Chakras (circles) = the safe-area rings that define padding and boundary. The outer square with four gates = the icon's bounding box and the four cardinal alignments. This is not metaphor — both traditions arrive at these forms because they are the most stable configurations in two-dimensional geometry.
Dharmic Dimension
When a brand icon is constructed on Yantra principles — Bindu at centre, proportions derived from the golden ratio, form bounded by a respectful margin — it carries a structural coherence that audiences sense without being able to articulate. They feel the difference between an icon designed and one merely drawn.
Technical Size Requirements — Every Platform Your Icon Will Live On
| Context | Size | Format | Key Constraint |
|---|---|---|---|
| Browser favicon | 16×16px | .ico / PNG | Must read as a shape, not text |
| Toolbar / UI icon | 24×24px | SVG / PNG | 1–2px stroke maximum |
| App icon (iOS) | 1024×1024px master | PNG opaque | No transparency; iOS applies squircle mask — do not add your own |
| App icon (Android) | 512×512px + safe zone 72dp | PNG adaptive | Keep all content in centre 66% to avoid device-shape clipping |
| Social media profile | 400×400px minimum | PNG | Circular crop on most platforms — keep mark away from corners |
| Print minimum | 10mm / 38px | Vector SVG / EPS | Stroke weights that look fine on screen may become hairlines in print |
Contrast & Accessibility — the Non-Negotiable
The monochrome test comes before any color decision.
WCAG 1.4.11 (Non-Text Contrast) requires a minimum 3:1 contrast ratio between a meaningful icon and the background it sits on. This is lower than the 4.5:1 required for body text, but it is not optional — any icon that conveys information (a navigation icon, a status indicator, a brand mark used as a link) must meet this threshold.
An icon that is exempt from WCAG is one that is purely decorative — present alongside text that already provides the same information. A standalone brand icon used as a profile photo or app icon is not decorative; it is the primary identifier. It must meet 3:1.
Practical workflow: design the icon in pure black #000000. Test it on #FFFFFF and on the brand's darkest intended background. If it fails in black and white, no color will rescue it — the form itself must change.
Dharmic Dimension
Viveka — the faculty of discernment — demands that a symbol be perceivable before it can be meaningful. In Sanskrit aesthetics, Spashtatva (clarity) is the first quality a communicative form must possess. An icon that cannot be clearly seen has already failed its Dharma, regardless of its symbolic intention.
Before You Brief Your Icon Designer
Eight questions that transform a vague "I need a logo" into a brief that allows a designer to do their best work.
Typography-based, symbol-based, or a combination of both?
Why it matters: This is the first and most consequential decision. A lettermark and a symbol require completely different design skills, time, and budgets. Answering this before the first meeting focuses the entire brief.
What is the smallest size at which the icon will appear?
Why it matters: This single answer determines how much visual complexity is possible. A favicon (16px) demands extreme simplicity. An app icon (1024px master) allows nuance. Tell your designer the minimum; they will design for everything above it.
Must it work in pure black on white — and pure white on black?
Why it matters: The monochrome test is the foundational test. If the icon fails without color, no color will save it. Embroidery, fax, receipt printers, and legal documents all render in black and white. Assume monochrome first.
Will it appear without your brand name beside it?
Why it matters: A lettermark next to your full brand name works beautifully. A lettermark alone — on a profile photo, app icon, or badge — must be recognisable in isolation. If the answer is yes, the icon needs standalone recognition power, which often means adding symbolic elements.
Does it incorporate a sacred syllable, deity symbol, or ritual object?
Why it matters: This is not a visual question — it is a cultural and spiritual question that must be answered before any design begins. Using OM, a Swastika, a Trishul, or a temple spire in a brand context requires deliberate intent, community sensitivity, and awareness that misuse causes harm regardless of intention.
What surfaces will it live on — screen, print, fabric, signage, embossing?
Why it matters: Each surface has different constraints. Embroidery cannot render gradients. Embossing requires a single solid form. Screen allows full color. Outdoor signage requires high contrast. Your designer needs the full list of surfaces, not just the digital ones.
What background colors must it reliably work on?
Why it matters: WCAG requires a 3:1 contrast ratio for meaningful icons. Before any color is chosen for the icon itself, the background colors must be specified — because contrast is always a relationship between two colors, never a property of one.
What file formats and sizes does your team need at delivery?
Why it matters: A complete icon delivery includes: SVG master, PNG exports at 16, 32, 180, 192, 512, and 1024px, monochrome and full-color variants, and source files in the designer's native format. Asking for this upfront prevents costly back-and-forth after the project closes.
Ready to explore the palette?
Open Dharmic Color Palette