Jain Jewels Challenge
Proof-based habits for Jain centers. Ten actions, one quarter, real transformation.
01 · Brand story
What we are
Jain Jewels Challenge is a proof-based habit program for Jain centers. Pick 10 actions a quarter (2 Darshan, 2 Gyan, 4 Charitra, 2 Tap) and prove each one.
Promise
Habit first, prize second. Proof you can trust, from people you trust.
Personality
Plain · Warm · Short · Trustworthy · Joyful in small doses.
Five flag bands, one lion cub, nothing else.
02 · Logo: Shikhar
Five flag bands in order, representing the five supreme beings.
The white Arihant band sits in the middle and is the widest — the center of our practice.
The five bands
Construction
On light and dark
Light: white Arihant with grey outline (#D7DCE3)
Dark: white Arihant with light grey outline (#BBBFC5)
Color versions
Small mark (≤ 64px):
Arihant filled grey
Monochrome:
Arihant as outline
Minimum size:
16px (favicon) / 8mm print
Clearspace =
one band height (14 units)
Lockups
Program lockup. Weight 700, tracking -2%, navy. System font stack.
On dark: wordmark #F3F1EA, white Arihant band
With center name: center sits below in muted text.
Flag stripe: five equal bands along the top of every screen and the bottom of every email.
App icons
icon.svg / favicon (16px)
PWA icons (192px, 512px)
iOS home screen (180px)
Maskable (512px, 10% safe zone)
Dark mode variant
Usage guidance
Best practices
- Keep flag order (top to bottom) and Arihant widest
- Use grey-filled Arihant at small sizes on light backgrounds
- Use white Arihant on dark backgrounds
- Use mono version on photos or single-color print
- Maintain clearspace on all sides
Avoid
- Squashing or stretching proportions
- Recoloring bands
- Rotating the mark
- Heavy shadows or effects
- Equal-width bands
- Adding lotus, swastika, or hand symbols (those belong to the Sangh)
03 · Mascot: Sinhu
Sinhu is a lion cub, the lanchhan of Mahavir Swami. Red mane, yellow face/body, white muzzle, navy nose. He is decorative by default (aria-hidden) and lives in src/components/Sinhu.tsx.
Placement
- Welcomes and onboarding (happy)
- Celebrations and approvals (cheer)
- Samayik and waiting states (calm)
- Quarter complete, certificates (proud)
- Evening streak nudges (sleepy)
- Empty states
Keep Sinhu for
- Joy and encouragement
- Accomplishment moments
- Patient waiting
- One appearance per screen
- Positive emotional support
Technical
Minimum 40px. Hero 120–200px. Rig: breathe 2.4 s, blink every 3–5 s, tail wag ±8°, cheer hop with squash, mane trails head by 60 ms. All motion off under reduced motion; text stays.
04 · Color
Pillars own their color: **Darshan red, Gyan yellow, Charitra green, Tap navy.** Card tints: color at 8% over white.
Yellow is a fill only; Gyan text uses #7A5C00 for contrast. Status = color + icon + label.
05 · Measured contrast (WCAG 2.x)
| Pair | Ratio | Grade |
|---|---|---|
| Ink on bg (light) | 16.93:1 | AAA |
| Tap navy on bg | 12.65:1 | AAA |
| White on navy (primary button) | 13.21:1 | AAA |
| Darshan red on bg | 5.63:1 | AA |
| Charitra green on bg | 5.86:1 | AA |
| Gyan text #7A5C00 on bg | 5.99:1 | AA |
| Yellow text on white | 1.82:1 | Use #7A5C00 instead |
06 · Typography
System font stack: system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", "Noto Sans Gujarati", "Noto Sans Devanagari", sans-serif
Scale: Display 44/48 700 · H1 30/36 700 · H2 22/28 700 · H3 17/24 600 · Body 16/24 · Small 14/20 · Label 12/16 700 caps · Mini body 20/28
07 · Age tiers
One bar. Contrast 9.72:1 (AAA)
Two bars. Contrast 5.88:1 (AA)
Three bars. Contrast 6.12:1 (AA)
Four bars. Contrast 13.21:1 (AAA)
08 · Layout and components
4px grid; radii 8/12/16/24/999; primary button navy with white text; secondary white with grey border; status pills; pillar rings; streak week; empty states with Sinhu calm.
09 · Voice
Plain, warm, short. UI sentences under 14 words. Use periods, not exclamation marks. Say center in product copy.
| Moment | Preferred phrasing |
|---|---|
| Approval | "Approved. Your streak is 13 days." |
| Instruction | "Upload a photo." (not "Don't use gallery photos.") |
| Guidance | "Keep the action in frame." (not "Don't cut off the edges.") |
| Reminder | "One action keeps your streak." (not "You'll lose your streak...") |
| Welcome | "Jai Jinendra. Let's pick your 10." |
10 · Applications
App screen, event poster, 1:1 social post, completion certificate, app icon and favicon shown above.
11 · Updates and resolved items
| Topic | Resolution | When |
|---|---|---|
| App icons | Shikhar (five flag bands) live in all formats: icon.svg, PWA icons, apple-touch-icon | PR #35, Oct 2026 |
| Brand name | Jain Jewels Challenge everywhere; Jain Think Tank only in URL (jainthinktank.com) | This update |
| Font | System font stack (decided) | Sep 2026 |
| Light bg | #FBFAF6 (warm white, decided) | Sep 2026 |
| Dark mode | #0B1230 navy-tinted (decided) | Sep 2026 |