plasma-landing

byPRANAV KADAM

Create a premium landing page for a mobile app called "WatchDog" (Privacy & Security App). IMPORTANT: * The design must NOT look AI-generated or template-like * No overuse of gradients, no flashy animations, no clutter * Clean, minimal, high-end SaaS style (like Apple / Notion / Stripe level polish) * Mobile-first design (priority), but fully responsive for desktop TECH: * HTML + Tailwind CSS (no frameworks) * Smooth micro-interactions using CSS only * Use clean spacing, typography hierarchy, and subtle shadows DESIGN SYSTEM: * Background: #F8F9FF * Primary: #5323e6 * Primary Soft: #6C47FF * Accent Success: #00C896 * Text Primary: #171c23 * Text Secondary: #45455b * Border: very subtle (#E5E7EB or similar) * Fonts: * Headline: Plus Jakarta Sans * Body: Manrope --- PAGE STRUCTURE: 1. NAVBAR (Sticky, clean): * Left: Shield icon + WatchDog text (gradient subtle) * Right: * Features * Privacy * Support * Button: "Get App" * Mobile: * Hamburger menu (smooth slide-in) --- 2. HERO SECTION (Premium, minimal): * Headline: "Your Privacy. Fully Under Control." * Subtext: "Monitor, protect, and control your device permissions in real-time." * Primary CTA: "Get Started" * Secondary CTA: "View Features" * Right side: * Clean mockup of app UI (NOT over-styled) * Slight floating shadow, no crazy effects --- 3. FEATURES SECTION (Clean cards): 3–4 features only (don’t overload): * Real-time Monitoring * Permission Alerts * Privacy Score System * Secure Data Protection Each feature: * Icon (simple, outline style) * Title * 1-line description Grid layout (mobile: stacked, desktop: 2x2) --- 4. APP PREVIEW SECTION: * Show 2–3 screenshots (like the ones you made) * Minimal frame (no fake iPhone frames) * Slight hover zoom (desktop only) --- 5. TRUST SECTION: * Small section: "Built for security-first users" * Points: * No data selling * Local processing (if applicable) * Secure architecture --- 6. PRIVACY POLICY SECTION: * Short, readable (NOT long legal wall) * Bullet points: * What data is collected * What is NOT collected * User control * Add button: "Read Full Policy" --- 7. HELP & SUPPORT: * Clean cards: * Email support * FAQ * Minimal, no clutter --- 8. FOOTER: * WatchDog logo * Links: * Privacy Policy * Terms * Support * Small copyright text --- UX RULES (VERY IMPORTANT): * Spacing is key → use generous padding * No heavy gradients everywhere * Use white space properly * Buttons must feel clickable (hover + active states) * Mobile layout must feel premium (not cramped) --- ANIMATION: * Subtle only: * Fade-in sections * Hover scale (1.02 max) * No flashy or unnecessary motion --- OUTPUT: * Single clean HTML file * Fully responsive * Production-level UI (not demo-level) * No placeholder text like "Lorem Ipsum" GOAL: Make it look like a real startup landing page — not an AI template.