diff --git a/Docs/Brand/assets/dubkami-icon.svg b/Docs/Brand/assets/dubkami-icon.svg new file mode 100644 index 0000000..7dc318d --- /dev/null +++ b/Docs/Brand/assets/dubkami-icon.svg @@ -0,0 +1,58 @@ + + Dubkami Indian One Anime Icon + Circular red and gold Dubkami icon with lion emblem, stars, and India-inspired ribbon. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + DUBKAMI + INDIAN ONE ANIME + diff --git a/Docs/Brand/indian-one-anime-brand-kit.md b/Docs/Brand/indian-one-anime-brand-kit.md new file mode 100644 index 0000000..c4336d6 --- /dev/null +++ b/Docs/Brand/indian-one-anime-brand-kit.md @@ -0,0 +1,267 @@ +# Indian One Anime — Complete Homepage Copy + + + +## Next Phase Documents + +- [Website UI Design System](website-ui-design-system.md) + +--- + +## Brand Icon + +![Dubkami Indian One Anime icon](assets/dubkami-icon.svg) + +Use this lion emblem as the primary visual icon for the Dubkami mobile experience and Indian One Anime brand family. + +--- + +## 1. Hero Section + +### **Indian One Anime** + +## **One Destination for Anime Fans** + +Discover a premium anime viewing experience designed for fans who love great stories, powerful characters, and unforgettable adventures. + +**Explore Anime** +**Get Dubkami App** + +**Supporting line:** +**Your Anime Universe in One Place.** + +--- + +## 2. Welcome Section + +### **Welcome to Indian One Anime** + +Indian One Anime is built for anime fans who want a simple, smooth, and engaging way to explore anime content. + +Discover your next favorite series, explore different anime genres, and enjoy a modern viewing experience designed with fans in mind. + +**Explore the Anime Universe →** + +--- + +## 3. Features Section + +### **Everything Anime Fans Need** + +#### 🎬 Smooth Viewing Experience + +Enjoy a clean and comfortable anime-watching experience across supported devices. + +#### ⚡ Fast & Easy Navigation + +Find your favorite anime quickly with simple navigation and organized content. + +#### 🖥️ High-Quality Playback + +Enjoy clear and immersive video playback where supported. + +#### 📱 Mobile-Friendly Experience + +Explore anime comfortably on smartphones, tablets, and other supported devices. + +#### 🎭 Discover New Anime + +Explore different genres, characters, stories, and worlds. + +#### 🔄 Flexible Playback + +Enjoy supported playback options designed to make viewing more convenient. + +--- + +## 4. Anime Categories + +### **Explore Your Favorite Anime Worlds** + +**Action** +Powerful battles, unforgettable heroes, and intense adventures. + +**Adventure** +Explore new worlds, legendary journeys, and epic discoveries. + +**Fantasy** +Enter magical worlds filled with mystery, imagination, and wonder. + +**Romance** +Experience emotional stories, relationships, and unforgettable moments. + +**Comedy** +Enjoy fun characters, hilarious situations, and lighthearted entertainment. + +**Isekai** +Discover new worlds, extraordinary powers, and incredible adventures. + +**Browse All Categories →** + +--- + +## 5. Featured Anime Section + +### **Trending in the Anime Universe** + +Discover popular and featured anime content selected for fans looking for their next great watch. + +**Explore Featured Anime →** + +> इस section में आप बाद में anime posters, rating, genre, language और episode information जोड़ सकते हैं। + +--- + +## 6. Dubkami App Promotion + +### **Meet Dubkami** + +### **Dubbed Anime, Simplified.** + +Take your anime experience with you. + +Dubkami is designed for anime fans who want a simple, smooth, and mobile-friendly way to explore available anime content. + +**Download Dubkami** +**Learn More** + +**App Highlights:** + +- Easy anime browsing +- Smooth mobile experience +- Clean and simple interface +- Fast access to available content +- Designed for anime fans + +--- + +## 7. Indian Audience Branding Section + +### **Made for Anime Fans in India** + +From legendary adventures to exciting new worlds, Indian One Anime brings anime closer to the fans who love it. + +**Anime. Stories. Adventure. One Universe.** + +--- + +## 8. About Us + +### **About Indian One Anime** + +Indian One Anime is a platform created for anime fans who want a better way to discover and enjoy anime content. + +Our goal is to create a modern, accessible, and engaging anime experience with simple navigation, quality-focused playback, and a strong community-focused identity. + +With **Indian One Anime** as the platform and **Dubkami** as the mobile experience, we are building a brand designed for the next generation of anime fans. + +--- + +## 9. Call-to-Action Section + +### **Your Next Anime Adventure Starts Here** + +Explore new stories. Discover new characters. Enter new worlds. + +## **Start Exploring Today** + +**Explore Anime** +**Get Dubkami** + +--- + +## 10. Footer Copy + +**Indian One Anime** +**One Destination for Anime Fans.** + +Explore anime. Discover stories. Find your next favorite. + +**Quick Links** + +- Home +- Anime +- Categories +- Dubkami +- About Us +- Contact + +**Footer tagline:** +**Your Anime Universe in One Place.** + +--- + +# SEO-Friendly Homepage Content + +### SEO Title + +**Indian One Anime | Explore Your Anime Universe** + +### Meta Description + +Explore Indian One Anime, a modern anime platform designed for fans to discover anime content, explore popular genres, and enjoy a smooth viewing experience. Discover Dubkami, your mobile anime experience. + +### Suggested Keywords + +- Indian anime platform +- anime streaming India +- anime app India +- Dubkami anime app +- anime fans India +- watch anime online +- anime entertainment platform +- dubbed anime app + +--- + +# Best Final Brand Structure + +### **INDIAN ONE ANIME** + +**One Destination for Anime Fans.** + +↓ Powered by / Mobile Experience ↓ + +### **DUBKAMI** + +**Dubbed Anime, Simplified.** + +यह structure सबसे साफ और professional लगेगा: **Indian One Anime** आपका main platform/website brand रहेगा और **Dubkami** उसका dedicated app brand। + +--- + +# Final Brand Identity + +### 🦁 Indian One Anime + +**One Destination for Anime Fans.** + +**Role:** Main website / anime platform + +### 📱 Dubkami + +**Dubbed Anime, Simplified.** + +**Role:** Dedicated mobile app experience + +### 🌐 Master Brand Line + +**Your Anime Universe in One Place.** + +## Recommended Website Flow + +**Hero** → Indian One Anime +**Discover** → Anime categories and featured content +**Trending** → Dynamic anime section +**Experience** → Platform features +**Mobile** → Dubkami app promotion +**About** → Brand story +**CTA** → Start Exploring Today + +यह structure brand को **premium, memorable और scalable** बनाता है। आगे चलकर आप इसी identity के अंदर additional features, community tools, watchlists, notifications और app services भी जोड़ सकते हैं, बिना main brand को बदलने की जरूरत पड़े। + +**Final positioning:** + +> **Indian One Anime** is the platform. +> **Dubkami** is the mobile experience. +> **Anime is the universe.** diff --git a/Docs/Brand/website-ui-design-system.md b/Docs/Brand/website-ui-design-system.md new file mode 100644 index 0000000..a1e64e5 --- /dev/null +++ b/Docs/Brand/website-ui-design-system.md @@ -0,0 +1,228 @@ +# Indian One Anime × Dubkami — Website UI Design System + +A visual and digital experience guide for building the Indian One Anime website and Dubkami app promotion experience. The direction is premium, cinematic, anime-inspired, mobile-friendly, and scalable. + +## Core Brand Message + +> **Discover anime. Explore new worlds. Find your next favorite story.** + +- **Indian One Anime** is the platform. +- **Dubkami** is the mobile experience. +- **Anime** is the universe. + +## 1. Visual Direction + +### Design Personality + +- Premium and cinematic +- Dark anime-inspired interface +- Gold-accented brand highlights +- High-contrast content cards +- Mobile-first and app-ready +- Energetic, immersive, and fan-focused + +### Visual Mood + +Use deep backgrounds, gold highlights, glowing accents, anime poster cards, rounded sections, soft shadows, and bold CTAs to create a premium streaming-platform feel. + +## 2. Color Palette + +| Token | Color | Hex | Usage | +| --- | --- | --- | --- | +| Midnight Black | Near-black | `#08040A` | Main background | +| Deep Maroon | Dark red | `#2A0508` | Hero gradients and section depth | +| Royal Crimson | Red accent | `#8F160F` | Brand panels and active states | +| Premium Gold | Gold | `#FFC21C` | Logo accents, CTAs, icons, borders | +| Glow Gold | Light gold | `#FFF56A` | Highlights and hover glow | +| Saffron Flame | Orange | `#FF5A00` | Secondary accents and promotional ribbons | +| India Green | Green | `#108B19` | India-inspired brand accents | +| Cloud White | White | `#F8F4E8` | Primary text on dark backgrounds | +| Soft Gray | Gray | `#B9AFA3` | Secondary text | + +## 3. Typography Hierarchy + +| Style | Suggested Size | Weight | Usage | +| --- | --- | --- | --- | +| Display / Hero | 56–72px desktop, 36–44px mobile | 800 | Main hero headline | +| H1 | 48–56px desktop, 32–40px mobile | 800 | Page title | +| H2 | 36–44px desktop, 28–32px mobile | 700 | Section title | +| H3 | 24–30px | 700 | Card groups and subsection titles | +| Body Large | 18–20px | 400–500 | Hero and section intros | +| Body | 16px | 400 | Standard paragraphs | +| Label / CTA | 14–16px | 700 | Buttons, labels, tags | + +### Font Direction + +Use a bold modern sans-serif for interface text and a premium serif or display font only for selective logo-style hero accents. Keep long-form copy highly readable. + +## 4. Buttons and CTA Styles + +### Primary Button + +- Label examples: **Explore Anime**, **Start Exploring Today**, **Download Dubkami** +- Background: `#FFC21C` +- Text: `#120004` +- Border radius: 999px +- Padding: 14px 24px +- Hover: brighter gold glow with slight upward movement + +### Secondary Button + +- Label examples: **Get Dubkami App**, **Learn More**, **Browse All Categories** +- Background: transparent or dark maroon +- Border: 1px solid `#FFC21C` +- Text: `#FFC21C` +- Hover: gold-tinted background and soft glow + +### Text Link CTA + +- Label examples: **Explore Featured Anime →** +- Text: `#FFC21C` +- Hover: underline or right-arrow movement + +## 5. Anime Cards + +### Card Structure + +- Poster image +- Anime title +- Genre tags +- Language badge +- Episode count or status +- Rating or popularity label when available +- Primary action: **Watch Now** or **View Details** + +### Card Style + +- Background: `#16070A` +- Border: 1px solid rgba(255, 194, 28, 0.18) +- Border radius: 18px +- Shadow: soft black shadow +- Hover: poster zoom, gold border glow, slight lift + +## 6. Navigation + +### Desktop Navigation + +- Logo / brand icon on the left +- Links: Home, Anime, Categories, Trending, Dubkami, About +- Primary CTA on the right: **Explore Anime** or **Get Dubkami** + +### Mobile Navigation + +- Icon + Indian One Anime wordmark +- Hamburger menu +- Sticky bottom CTA optional: **Get Dubkami** +- Large tap targets and simple vertical link list + +## 7. Footer + +### Footer Layout + +- Brand logo and tagline +- Quick links +- Anime categories +- Dubkami app link +- Contact / support links +- Social media links + +### Footer Copy + +**Indian One Anime** +**One Destination for Anime Fans.** + +Explore anime. Discover stories. Find your next favorite. + +**Footer tagline:** Your Anime Universe in One Place. + +## 8. Complete Homepage Layout + +### Section Order + +1. **Hero** — Indian One Anime headline, master tagline, primary CTAs, icon/hero visual +2. **Featured Anime** — poster cards for selected anime content +3. **Categories** — action, adventure, fantasy, romance, comedy, isekai +4. **Trending** — dynamic anime section for popular or updated content +5. **Features** — smooth viewing, navigation, playback, mobile-friendly design +6. **Dubkami App** — app positioning, highlights, download CTA +7. **About** — brand story and India-focused anime community positioning +8. **CTA** — final conversion section +9. **Footer** — navigation, tagline, app links, social links + +### Homepage Wireframe Copy + +#### Hero + +**Indian One Anime** +**One Destination for Anime Fans** + +Discover anime. Explore new worlds. Find your next favorite story. + +**Explore Anime** +**Get Dubkami App** + +#### Featured Anime + +**Trending in the Anime Universe** + +Discover popular and featured anime content selected for fans looking for their next great watch. + +**Explore Featured Anime →** + +#### Categories + +**Explore Your Favorite Anime Worlds** + +Browse action, adventure, fantasy, romance, comedy, and isekai anime collections. + +**Browse All Categories →** + +#### Features + +**Everything Anime Fans Need** + +A smooth, organized, mobile-friendly experience designed to help fans discover and enjoy anime content with ease. + +#### Dubkami App + +**Meet Dubkami** +**Dubbed Anime, Simplified.** + +Take your anime experience with you through a clean mobile experience built for anime fans. + +**Download Dubkami** +**Learn More** + +#### Final CTA + +**Your Next Anime Adventure Starts Here** + +Explore new stories. Discover new characters. Enter new worlds. + +**Start Exploring Today** + +## 9. Responsive Design Notes + +- Design mobile-first and scale up for tablet and desktop. +- Keep hero CTAs stacked on small screens and inline on larger screens. +- Use 2-column card grids on tablets and 4–6 columns on desktop depending on poster size. +- Keep text line lengths short for readability on dark backgrounds. +- Prioritize performance: compress poster images and lazy-load media-heavy sections. + +## 10. Brand Do’s and Don’ts + +### Do + +- Use accurate feature claims. +- Keep anime discovery simple and fan-friendly. +- Use gold accents consistently. +- Pair Indian One Anime with Dubkami as platform + app. +- Keep copy premium, clear, and energetic. + +### Don’t + +- Promote upload, download, AI, or community features unless they are live. +- Overcrowd the hero section with too many messages. +- Use low-contrast text on dark backgrounds. +- Mix too many font styles. +- Make Dubkami compete with Indian One Anime; Dubkami should support the main platform identity.