Shriyam · Design Language

Essence

Shriyam should feel like a temple at dusk — deep, warm, quiet, and golden. Professional means restraint: rich color used generously, ornament used sparingly, and authenticity carried by correctness (muhurta, sankalpa, tradition) rather than decoration. The north star: Calm-app serenity meets temple-at-aarti warmth.

Color

One dominant family (maroon), one warm field (cream/sand), one sacred accent (saffron), one precious detail (gold). Dark maroon screens open and close the journey (home, confirmation — the “sanctum” moments); cream screens carry tasks (forms, slots, checkout).

Sanctum — dark surfaces

Maroon 950

#2A0C02

Deep background edges

Maroon 900

#4A1608

Primary dark surface

Maroon 800

#5E1F0C

Cards on dark

Maroon 700

#7A2E12

Hover / borders on dark

Field — light surfaces

Cream 50

#FFFBF4

App background

Cream 100

#FFF7ED

Alt background

Sand 200

#F6E9D6

Tints, table headers

Sand 300

#EAD9BE

Hairline borders

Sacred accent & precious details

Saffron 500

#E8860C

Primary actions, Om

Saffron 600

#C77108

Action gradient base, links on light

Gold 400

#D9A55B

Kolam lines, icons on dark

Gold 300

#E8C9A0

Shloka text on dark

Ink 900

#241812

Body text on light

Ink 600

#5C4A3D

Secondary text

Typography — the divine voice

Three voices, each with one job. No other fonts, ever. (Oxanium remains the Sunray Inova corporate face; it does not appear in the Shriyam product.)

Display · Cormorant Garamond 600 — “the temple voice”

Your seva is confirmed, Namaste

Headlines, screen titles, prices, confirmation moments. Elegant high-contrast serif — devotional without costume. Use 600 for titles, italic 500 for grace notes. Never below 20px (its fine strokes need size). Tight leading (1.05–1.15).

Sacred · Eczar — “the Sanskrit voice”

ॐ · श्रियं वासय मे कुले · वक्रतुण्ड महाकाय

Every Devanagari character — shlokas, Om, deity names — and nothing else. Eczar was designed (Indian Type Foundry) so Devanagari and Latin share one voice; its Latin may be used only for the transliteration line directly under a shloka. One shloka per screen, always with translation.

Interface · Inter — “the humble servant”

Choose a muhurta-aligned time for your family's Vinayaka Chavithi pooja. All times shown in your local timezone. Your priest will be matched to your language and tradition.

All body text, forms, buttons, labels, navigation. Weights 400/500/600 only. Buttons and section labels: 600, uppercase, letter-spacing 0.14–0.22em. Base size 15–16px; elders are a core audience — never below 13px, and support OS text scaling.

Scale

Role	Font	Size / weight
Hero title	Cormorant Garamond	40–44px · 600
Screen title	Cormorant Garamond	28–32px · 600
Card title / price	Cormorant Garamond	22–26px · 600
Shloka	Eczar	17–20px · 500
Body	Inter	15–16px · 400
Button / label	Inter	13px · 600 · caps · tracked
Caption	Inter	12.5–13px · 400

Motif & ornament

One signature motif, used everywhere, and almost nothing else: the kolam line — a single-pixel gold thread with a diamond dot, echoing the threshold patterns drawn outside Indian homes. It divides sections, underlines the sacred, and frames cards (inner hairline inset 8px). Beyond it: the Om in saffron, a diya flame for confirmation moments, and at most a whisper-faint mandala watermark (≤4% opacity) on sanctum screens. No deity photographs in UI chrome — deities belong to the devotee's altar, not our buttons.

Vinayaka Chavithi Pooja

Live 1:1 · 60 minutes · your family's sankalpa — the gold inner hairline is the kolam frame; note the restraint.

Components

Buttons

Slot chips — muhurta is a first-class citizen

9:00 AM✦ MUHURTA 10:30 AM 7:30 AM 7:00 PM✦ MUHURTA

Voice & microcopy

Moment	Say	Never say
Greeting	Namaste 🙏 (first screen only)	Hey there! Welcome back!
Booking CTA	Book your seva	Buy now · Add to cart
Payment	Offer & confirm — $36	Complete purchase
Confirmation	Your seva is confirmed	Order successful!
Dakshina	Offer dakshina to your satisfaction — entirely optional	Tip your priest · Add a tip
Error	Something interrupted us — your booking is safe.	Oops! Error 500

Do & Don't

Always

Dark sanctum screens for arrival & confirmation; cream for tasks
Muhurta slots visually honored (saffron ✦) — authenticity is the brand
One shloka per screen max, always translated
Generous whitespace; 20px+ padding inside cards
Elder-friendly: 15px+ body, high contrast, large touch targets (48px)
Sanskrit terms kept and gently glossed: sankalpa, gotra (your family lineage name)

Never

Deity clip-art, god images in buttons/icons, rainbow gradients
More than one ornament per view (kolam OR mandala, not both)
Marigold-orange walls of color — saffron is an accent, not a fill
Urgency-commerce patterns: countdown pressure, “Only 3 left!!”, discount confetti
Fake Sanskrit or decorative Devanagari that means nothing
Oxanium or any techno/display font inside the product

Tokens (for CLAUDE.md / Tailwind)

Token	Value
`maroon.950/900/800/700`	#2A0C02 · #4A1608 · #5E1F0C · #7A2E12
`saffron.600/500/400`	#C77108 · #E8860C · #F59E2E
`gold.500/400/300/200`	#C9964B · #D9A55B · #E8C9A0 · #F2DEBF
`cream.50/100 · sand.200/300`	#FFFBF4 · #FFF7ED · #F6E9D6 · #EAD9BE
`ink.900/600/400`	#241812 · #5C4A3D · #8A7565
`font.display / sacred / ui`	Cormorant Garamond · Eczar · Inter (Google Fonts)
`radius.card / button`	16px · 999px (pill)
`shadow.action`	0 6px 18px rgba(200,113,8,.35)

Shriyam Design Language v1.0 · Sunray Inova LLC · श्रियं वासय मे कुले