# Yujom® UniKutumb — Visual Identity Pack
*(Unified Family of Families)*
This visual identity pack is designed so you can apply Yujom® UniKutumb immediately across banners, brochures, social media, presentations and printed materials. It balances spiritual depth, modern global branding, and practical-life appeal (Healthy, Wealthy, Cultured & Happy Families).
—
## 1. Brand Overview (one-line)
**Families United, World Awakened.**
A family-first movement that blends Vasudhaiva Kutumbakam’s ancient wisdom with modern wellbeing and cultural living.
—
## 2. Logo concepts (keep simple, scalable)
* **Primary mark (word + symbol):** A stylized banyan/peepal root + simplified family silhouette on the left, “Yujom®” in a clean modern face and “UniKutumb” subline beneath.
* **Stacked lockup:** Symbol above, wordmark centered; for square/vertical spaces (app icon, profile photos).
* **Horizontal lockup:** Symbol left, wordmark + tagline to right — for website headers and banners.
* **Monochrome / simplified versions:** single-color glyph and negative (white-on-dark) for embossing, stamps, or favicons.
*Design notes:* keep stroke weights even; symbol should be legible at 48 px. Prefer SVG outputs.
—
## 3. Color palette (hex + usage)
**Primary**
* Saffron (energy / CTA) — `#E07A00` (Primary action, accent)
**Secondary / supporting**
* Deep Teal (trust, wellness) — `#0B6E66`
* Warm Gold (heritage / premium) — `#FFC857`
* Deep Navy (headlines / anchors) — `#012B44`
**Neutral / background**
* Soft Cream — `#FFF8E1`
* Cool Gray (text) — `#4A4A4A`
**Accents**
* Cultured Maroon — `#8B1E3F` (for cultural events / print headers)
*Accessibility guidance:* ensure text-over-background contrast of at least 4.5:1. Use Deep Navy or Cool Gray for body copy on cream backgrounds. Reserve Saffron for CTAs and highlights.
—
## 4. Typography (web + print)
**Heading (modern & friendly):** Poppins (Google) — weights: 600, 700
**Subhead / UI:** Inter — weights: 400, 600
**Body serif (for brochures / cultural copy):** Merriweather or Lora (for a human, literary feel)
**Indic scripts**
* Gujarati: Noto Sans Gujarati / Baloo 2 (friendly, round)
* Devanagari (Hindi): Noto Sans Devanagari
*Scale suggestion (web):* H1 48px, H2 32px, H3 22px, Body 16px, Small 14px. Maintain comfortable line-height (1.4–1.6).
—
## 5. Tagline lockups & hashtag set
**Primary tagline (short):** Families United, World Awakened.
**Secondary tagline (explain):** Inspired by Vasudhaiva Kutumbakam, Realized in Modern Life.
**Rotating short lines (for posters / banners):**
* Families United, Consciousness Awakened.
* One Family • One Vision • One Awakening.
* The Science of Oneness for Families.
* Where Families Evolve as One.
* Unifying Kutumb, Awakening Humanity.
**Hashtags (use 2–4 per post):**
* `#YujomUniKutumb` `#FamiliesUnited` `#FamilyAwakening` `#VasudhaivaKutumbakam`
* `#HealthyWealthyCulturedHappy` `#OnenessForFamilies` `#YujomLife`
—
## 6. Photo & illustration style
* **Photography:** warm, candid family moments; natural light; close-knit groups across generations (grandparents, parents, children). Emphasize smiling faces, cultural activities (shared meals, storytelling, festivals), wellness moments (yoga, meditation). Use shallow depth of field for intimacy.
* **Illustrations:** flat, minimal line-art derived from the banyan/root motif; limited palette (use Primary + 2 accents). Prefer vector illustrations.
* **Filters / tone:** gentle warm cast (slight saffron/golden warmth), moderate contrast, natural skin tones.
—
## 7. Brand components & UI elements
* **Primary CTA button:** background `#E07A00` (Saffron) with white text, rounded corners (6–8px), medium padding.
* **Secondary button:** outline `#0B6E66` with white/transparent background.
* **Card style:** soft cream background, subtle shadow, 12–16px padding, rounded corners (12px).
* **Iconography:** simple line icons (family, tree, home, heart, leaf, book). Keep stroke thickness consistent.
—
## 8. Banner & social templates (recommended sizes)
* **Website hero:** 1600 × 600 px (horizontal); layout: left symbol + title; center tagline; right hero photo. CTA below tagline.
* **Facebook cover / LinkedIn banner:** 1584 × 396 px — use horizontal lockup and short tagline.
* **Instagram post (square):** 1080 × 1080 px — use stacked lockup, large visual, tagline overlay.
* **Instagram story / reels cover:** 1080 × 1920 px — vertical composition, single strong message.
* **YouTube channel art:** 2560 × 1440 px — keep safe margins for text.
*Example hero layout:* left 30% symbol + vertical band in Deep Teal; middle 50% headline H1; right 20% photo crop. Or center headline with symbol above for simplified approach.
—
## 9. Usage rules (do / don’t)
**Do:**
* Keep generous clear space around the logo (at least 1× the height of the symbol).
* Use the Saffron as accent — sparingly for CTAs and highlights.
* Use Indic fonts for Gujarati/Hindi copy to preserve readability and tone.
**Don’t:**
* Stretch or rotate the logo.
* Use more than 3 typefaces in one layout.
* Place logo directly over busy photos without a subtle overlay or padding.
—
## 10. Deliverables to prepare (suggested)
* SVG master logo (primary, stacked, icon-only)
* PNG exports (transparent background) in: 512×512, 256×256, 128×128
* High-res PNG/JPG for banners (1600×600, 2560×1440)
* Brand color swatches (ASE / PDF) and font files or licensing links
* Social post templates (Figma / Canva) — square, story, banner
—
## 11. Quick sample copy blocks (for banners / CTA)
**Hero headline:** Families United, World Awakened.
**Subhead:** Join Yujom® UniKutumb — where ancient wisdom meets modern family wellbeing.
**CTA:** Join the Community • Learn More • Enroll Now
—
## 12. Next steps (recommended)
1. Approve this visual identity direction.
2. I can generate: a) SVG logo options (3 variants), b) 3 social-media mockups (Instagram post, story, Facebook cover), and c) a one-page PDF brand sheet.
—
*Prepared for Yujom® UniKutumb — ready to refine. Reply with which deliverable you want first (SVG logos / banner mockups / Canva templates / PDF brand sheet) and I’ll create it next.*
## 13. SVG logo options (3 variants)
Below are three lightweight, copy-paste-ready SVG prototypes. They are intentionally simple so you can preview forms and edit easily in any vector editor (Inkscape, Figma).
### Variant A — Horizontal lockup (symbol left, wordmark right)
“`svg
“`
—
### Variant B — Stacked lockup (symbol above, centered text)
“`svg
“`
—
### Variant C — Icon-only (compact emblem for favicon / app icon)
“`svg
“`
> Notes: These are quick vector prototypes using the brand palette (Saffron `#E07A00` / `#FFC857`, Deep Teal `#0B6E66`, Deep Navy `#012B44`, Cultured Maroon `#8B1E3F`). If you want, I can: generate refined SVGs with cleaner iconography, export PNGs (multiple sizes), produce Figma/Canva templates, or create banner mockups (website hero + Instagram post + story). Let me know which one you want next.