Full technical and product specification for the development team. Includes scroll behaviour, screen duplication rules, coming-soon placeholder logic, and all critical build requirements. Every item below is mandatory unless marked optional.
Several screens contain more content than fits in a single viewport. The table below specifies the exact scroll behaviour, duplication pattern, and coming-soon placeholder handling for each screen.
Screen
Architecture
Developer Instruction
Coming-Soon Rule
Onboarding (3 slides)
3 Screens
Build as 3 separate screens with swipe/pagination. Slide 1 = Welcome + Video. Slide 2 = Face & Palm. Slide 3 = Your Birthdate. Skip button (top right) on all 3 slides jumps directly to Home.
N/A
Home Dashboard
Single View
No scroll needed. Fixed viewport. Hero section + 2×2 quick-access card grid + floating tab bar. All content fits in one screen.
N/A — only active services shown
Discover Hidden Patterns
Scrollable
This screen must scroll vertically. All insight services do not fit on one viewport. Structure: Hero question → Active Services section (free/unlock) → Coming Soon section (dimmed, blurred). Add a subtle scroll-down indicator (chevron) below the first visible row. Sticky header (back button + title) while scrolling.
Coming Soon cards: dim to 55% opacity, apply a 2px CSS blur overlay, show gold "Coming Soon" badge centred. Tap on a Coming Soon card shows a toast: "This reading is coming soon. You'll be notified when it launches."
Speak to Prof. Kewunla
Scrollable
Scrolls vertically. Order: Hero → Deep Destiny card (MOST RECOMMENDED) → Clarity Session card → Special Request card → Testimonials (3 cards) → Trust builder block → Book CTA (sticky bottom). Testimonials section is below the fold by design — reward scrollers.
N/A
Daily Wisdom Center
Scrollable
Scrollable feed. Order: Oracle message (Watch & Unlock) → Today's Teaching → Numerology of the Day → Dream Tip → Weekly wisdom archive (older entries). Spiritual Academy login link appears as a separate card at the bottom — NOT inline with wisdom content.
N/A — content is always live or oracle-placeholder
Unlock Discount Access
Single View
Fits single viewport. Form: Name + Email + Coupon type dropdown. Primary CTA: "Request Access Support." Below the form, a separate "Prefer free access?" block with "Watch & Unlock" button. Two distinct paths — form path and ad path — must both be visible without scrolling.
N/A
Unlock Insight Popup (Ad)
Modal
Appears as a bottom-sheet modal overlay. The underlying screen is blurred (CSS blur 4px). Two clear options: Pay (gold CTA) or Watch & Unlock (teal CTA). A small dismiss link at the bottom closes the modal without action.
N/A
Side Navigation Menu
Scrollable
Drawer slides in from left (standard side menu). Full list of all sections scrolls internally. Logo + name fixed at top. Version number fixed at bottom. The main app content dims/blurs behind the drawer.
Coming Soon items appear in the menu with a gold "Coming" badge. They are tappable but display a toast: "This service is coming soon."
Spiritual Academy Login
Single View
Emblem + title + 4 programme type chips (horizontal scroll) + login form (email + password) + "Access My Classes" CTA + external portal note. Successful login → deep-link to external Academy URL (to be provided). "Forgot password" link opens external reset URL.
N/A — always active
Contact Us
Single View
Three contact options (WhatsApp primary, Email, Book Consultation) + Quick Message textarea + Send via WhatsApp CTA. WhatsApp button opens wa.me/234XXXXXXXXXX. Email button opens device mail client. Book Consultation routes to the Consultation screen.
N/A
Welcome Video Slide (Onboarding 1)
Single View
Fixed height video player area. Video plays inline (not fullscreen by default). Tapping the play button starts the intro video by Prof. Kewunla. Logo at top + hamburger menu matches the live app screenshot. Bottom tab bar has floating logo centre button. Auto-advance to Slide 2 on video end (or user swipes).
N/A
Fonts
Typography Stack
Display/Headings: Playfair Display 400, 600, 700, italic
Body/UI: Outfit 400, 500, 600 (primary) or Manrope 400–700 (alternative)
Minimum font size throughout app: 14px. Exception: screen status bar and micro-labels (min 11px). Load from Google Fonts — subset Latin only for performance.
Colours
Design Token Set
App BG: #040810
Surface: #0D1828
Card: #111E2E
Turquoise CTA: linear-gradient(135deg,#00D4E8,#007A90)
Gold (premium only): linear-gradient(135deg,#E8C06A,#C89832)
Ivory text: #F2E8D8
Body text: #D4C9B8
Logo
Ajdur Logo Handling
The current logo has a white background. Place it inside a dark circular container (background: #0D1828, border: 1.5px rgba(0,195,215,.35)) to integrate cleanly with the dark design. Request Prof. Kewunla's team for a PNG with transparent background for the production build — this will allow the logo to display directly on dark and gradient surfaces.
Prices
Consultation Pricing
Clarity Session: ₦10,000
Deep Destiny: ₦35,000
⚠ Both subject to final confirmation by Prof. Kewunla before payment integration. These are display values. Backend payment amounts require written sign-off before going live.
AdMob
Rewarded Video Ads
Go live: at app launch
Type: Rewarded video only (never interstitial)
Trigger: User explicitly taps "Watch & Unlock"
Never show ads on: Consultation booking, payment flow, result screens, onboarding slides, Platinum upgrade screen, or premium-user sessions.
Premium users: 0 forced ads
Language
Critical Word Rules
✗ "Founder/Owner" → Prof. Kewunla
✗ "Watch Ad" → Watch & Unlock
✗ "Submit" (coupon) → Request Access Support
✗ "Get Started" → Reveal My Blueprint
✗ "No data" → Your journey is just beginning
✗ "Watch Video" → Continue Your Journey
Mandatory
Post-Insight Upsell
Every single insight result screen must display the "Need Deeper Answers?" block with the Speak to Prof. Kewunla CTA.
This is non-negotiable per Prof. Kewunla's brief. It is the primary consultation conversion path. No result screen ships without it. The block uses the gold gradient border card style.
Coming Soon
Placeholder Behaviour
All unavailable services (Face Reading, Oraculum, Fortune Wheel, Compass, Life Coaching, Life Path, Spiritual Healing, Store) must display with:
• 55% opacity dimming
• Backdrop blur overlay (2px)
• Gold "Coming Soon" badge
• On tap → toast message: "Coming soon — you'll be notified on launch."
WhatsApp
Contact Integration
Contact Us screen → WhatsApp button opens: https://wa.me/234XXXXXXXXXX
Unlock Discount Access → "Contact Us" also links here.
Actual number: +234 XXX XXX XXXX — confirm with Prof. Kewunla before launch. Replace both placeholder occurrences.
Academy
Spiritual Academy Portal
The Spiritual Academy is an external portal. The in-app login screen collects email + password and authenticates against the external system.
"Access My Classes" CTA → deep-link URL to be provided by team.
"Forgot password" → external reset URL.
"Learn about enrolment" → external enrolment page or WhatsApp.
Store
Phase 2 — 30–60 Days Post-Launch
Our Store (Books, Incenses, Spiritual Tools, Healing Products) launches in Phase 2.
In Phase 1: Menu item shows "Coming" badge. Tap → toast: "Our Store is coming soon."
In Phase 2: Menu item → deep-link to external store URL (to be provided). No in-app checkout needed in Phase 2.
Dream vs Oracle
Two Distinct Services
Dream Interpretation (Active): Text-based. User types dream description. System returns pattern-based interpretation. Uses teal icon treatment.
Oraculum (Coming Soon): Spiritual oracle system — more intuitive, guided experience. Uses mystic purple icon. Distinct card design — never use the same visual as Dream Interpretation.