# skill.md # Premium Wedding Photography Marketplace — Design System + Product Skills ## Product Vision Build a premium wedding photography marketplace that feels like: * Apple-level premium UI * Airbnb-level trust-driven booking * Wedding-focused emotional luxury platform This is NOT a normal marketplace. This is a memory-selling platform. Users should feel: "This platform handles life’s most important memories." --- # Core Product Type ## Two-Sided Marketplace ### Side A — Customers People looking for wedding photographers and videographers. ### Side B — Vendors Photographers, cinematographers, studios, freelancers. ### Side C — Admin Platform operations, approvals, fraud prevention. --- # Premium Color Palette (Scientific + Luxury) Avoid startup colors. Avoid bright random UI colors. Avoid too much blue. Use luxury emotional trust palette. --- ## Primary Colors ### Midnight Black Hex: #0F0F0F Use for: * navbar * hero background * premium sections * footer Meaning: Luxury + cinematic + premium --- ### Ivory White Hex: #F8F5F0 Use for: * page background * content areas * premium whitespace Meaning: Softness + elegance + luxury --- ### Champagne Gold Hex: #C8A96A Use for: * CTA buttons * premium highlights * verified badge * premium vendor tags Meaning: Luxury + premium trust --- ### Dusty Rose Hex: #D8B4A0 Use for: * subtle accents * emotional warmth * wedding softness Meaning: Romantic + elegant --- ### Slate Gray Hex: #5F6368 Use for: * secondary text * labels * helper content Meaning: Balance + readability --- ### Forest Green Hex: #2F5D50 Use for: * trust signals * success states * confirmation UI Meaning: Trust + stability --- # Typography System ## Primary Font Preferred: * SF Pro Display Fallback: * Inter Never use: * Poppins * random decorative fonts * hard bold fonts Reason: Premium iOS-like clean feel --- # Spacing Rules Luxury UI = whitespace Use: * large padding * clean spacing * breathing room Avoid: * crowded UI * tight cards * too much information above the fold Rule: Less clutter = more premium --- # Radius Rules Use: 18px to 24px border radius For: * cards * buttons * modals * inputs * portfolio previews This creates iOS premium feel. --- # Shadow Rules Use: Soft subtle shadows only Avoid: * hard borders * heavy black shadows * old-style box shadows Goal: Luxury softness --- # Button Design ## Primary CTA Background: Champagne Gold Examples: * Book Now * Find Photographer * Become a Vendor --- ## Secondary CTA Use: Glass effect / transparent / outlined Examples: * Learn More * View Portfolio --- # Home Screen (Landing Page) This page sells trust. --- # Section 1 — Hero Section ## Keep ### Full-screen cinematic wedding image/video ### Headline Capture Forever. Book India’s Finest Wedding Photographers. ### Subheading Verified professionals. Luxury storytelling. Stress-free booking. ### CTA Buttons * Find Photographer * Join as Vendor ### Search Box * city * wedding type * budget * date This must feel emotional + premium. --- # Section 2 — Featured Vendors ## Show Top photographers only Each card includes: * cover image * vendor profile * verified badge * location * ratings * style tags * price range Card style: Netflix + Apple premium cards --- # Section 3 — Real Work Showcase ## Must Include Real delivered work NOT stock photos Use: * masonry grid * reels * cinematic videos * albums Trust increases massively here. --- # Section 4 — Why Choose Us Show: * verified vendors * transparent pricing * secure payments * real reviews 4 premium icon cards --- # Section 5 — Testimonials Use: * bride/groom reviews * video testimonials * premium carousel Luxury trust section --- # Vendor vs Customer Separation Never mix both journeys. Very important. --- # Customer Side ## Goal Book best photographer ## Features * search vendors * compare portfolios * booking * payment * reviews * saved vendors * support Dashboard: * My Bookings * Payments * Reviews * Saved Vendors --- # Vendor Side ## Goal Get leads + manage business ## Features * portfolio management * services management * availability calendar * leads handling * earnings dashboard * reviews management * analytics Dashboard: * Leads * Confirmed Bookings * Revenue * Calendar * Analytics --- # Premium Features Competitors Miss These help win market share. --- ## Availability Calendar Do not force: “Call vendor” Show: Available dates directly Huge conversion booster. --- ## Transparent Pricing Show: * Silver package * Gold package * Platinum package Each with: * deliverables * edited photos * teaser video * cinematic film * number of photographers Users trust pricing transparency. --- ## AI Vendor Matching Recommend best vendors based on: * city * budget * wedding type * preferences Very strong premium feature. --- ## Instant Quote System Input: * date * city * budget Output: Recommended vendors instantly --- # Mobile UX Rules Most traffic will come from mobile. Must be: * thumb-friendly * image-first * fast * sticky CTA buttons * WhatsApp quick connect Sticky actions: * Book Now * Call Vendor * WhatsApp --- # Trust Signals Must include: * Verified Vendor Badge * Premium Vendor Tag * Secure Payment Badge * Booking Count * Cancellation Policy * Real Reviews Only * Featured Vendor Label These improve conversions heavily. --- # Backend Stack Recommendation * NestJS * TypeScript * PostgreSQL * Redis * AWS S3 * Razorpay * Docker * Swagger * Prisma or TypeORM Build stable. Not fast. --- # Final Rule Do NOT build: A normal service marketplace Build: A luxury wedding memory platform This difference decides whether users trust you or ignore you. Premium UX is not decoration. It is conversion strategy.