System Requirements Document for stone-sunny

1. Introduction

1.1 PROJECT: SANWARIYA ELEGANCE – PREMIUM DESIGNER BOUTIQUE WEBSITE

Act as a senior UI/UX designer, luxury fashion brand strategist, and full-stack developer.

Build a complete, production-ready, premium boutique and women's fashion e-commerce website for Sanwariya Elegance, owned by Mitali Gehlot.

IMPORTANT: Do not create a generic e-commerce template. This website must look and feel like an established premium Indian designer boutique.

1.2 PROJECT: SANWARIYA ELEGANCE – PREMIUM DESIGNER BOUTIQUE WEBSITE / BRAND IDENTITY

Brand Name: Sanwariya Elegance

Owner: Mitali Gehlot

Contact: 9589073671

1.3 PROJECT: SANWARIYA ELEGANCE – PREMIUM DESIGNER BOUTIQUE WEBSITE / SEO AND BRAND VISIBILITY

Optimise website for:

• Sanwariya Elegance.

• Designer Boutique.

• Custom Blouse Stitching.

• Designer Lehenga.

• Women's Designer Wear.

• Custom Gown Stitching.

• Trending Kurtis.

1.4 PROJECT: SANWARIYA ELEGANCE – PREMIUM DESIGNER BOUTIQUE WEBSITE / FINAL DEVELOPMENT INSTRUCTIONS

FINAL GOAL:

Create a premium, elegant, visually stunning Indian designer boutique website that builds Sanwariya Elegance into a recognisable fashion brand.

The website must not just sell clothes. It must communicate personal styling, designer craftsmanship, trust, exclusivity and a beautiful customer experience.

The user chose the project name "stone-sunny".

2. System Overview

2.1 PROJECT: SANWARIYA ELEGANCE – PREMIUM DESIGNER BOUTIQUE WEBSITE / BRAND IDENTITY

Business Model:

• Custom stitching and designer clothing.

• Ready-to-wear women's fashion.

• Customised customer orders.

• Designer blouse stitching.

• Bridal and festive wear.

• Boutique services.

Products and Categories:

1. Designer Blouses

2. Lehenga

3. Designer Gowns

4. Suits

5. Co-ord Sets

6. Salwar Suits

7. Trending Kurtis

8. Palazzo Kurti Sets

9. Customised Outfits

10. New Arrivals

2.2 PROJECT: SANWARIYA ELEGANCE – PREMIUM DESIGNER BOUTIQUE WEBSITE / TECHNICAL REQUIREMENTS

• Orders.

• Custom stitching requests.

• Reviews.

• Testimonials.

• Referral codes.

• Referral transactions.

• Coupons.

• Website settings.

• Social media links.

3. Functional Requirements

3.1 PROJECT: SANWARIYA ELEGANCE – PREMIUM DESIGNER BOUTIQUE WEBSITE / DESIGN AND VISUAL EXPERIENCE

• Sticky WhatsApp enquiry button.

• Beautiful loading and empty states.

3.2 PROJECT: SANWARIYA ELEGANCE – PREMIUM DESIGNER BOUTIQUE WEBSITE / HOMEPAGE

Create an impressive homepage with the following sections:

A. Premium Hero Section

• Full-width luxury fashion banner.

• Beautiful Indian designer outfit imagery.

• Heading: "Elegance, Tailored to You."

• Subheading: "Where Every Stitch Tells Your Story."

• Buttons: Explore Collection / Customise Your Outfit.

B. Featured Categories

Show beautiful image-based category cards:

• Designer Blouses

• Lehenga

• Gowns

• Suits

• Co-ord Sets

• Trending Kurtis

• Palazzo Sets

C. New Arrivals

A dedicated section for recently uploaded collections.

D. Signature Boutique Collection

Show handpicked premium designer outfits.

E. Custom Stitching Experience

Highlight that customers can get outfits designed and stitched according to their preferences.

CTA: "Design Your Dream Outfit"

F. Our Happy Customers

Create an attractive gallery containing:

• Customer outfit photographs.

• Customer video testimonials.

• Customer styling experiences.

• Customer feedback.

Only display customer media after admin approval and with appropriate customer consent.

G. Why Choose Sanwariya Elegance?

• Customised stitching.

• Unique designer collections.

• Quality craftsmanship.

• Personal styling assistance.

• Made-to-measure outfits.

H. Customer Reviews

Show verified customer reviews with ratings and photographs/videos where permitted.

I. Referral and Rewards Section

Heading: "Love Your Look? Share the Elegance!"

Explain the referral rewards programme.

J. Instagram Gallery

Display latest boutique collections and customer styling posts.

K. Newsletter / WhatsApp Updates

Allow customers to subscribe for new collection announcements.

L. Premium Footer

Include:

• About Us

• Contact

• Categories

• Instagram

• WhatsApp

• Privacy Policy

• Terms and Conditions

• Return and Cancellation Policy.

3.3 PROJECT: SANWARIYA ELEGANCE – PREMIUM DESIGNER BOUTIQUE WEBSITE / PRODUCT CATALOGUE

Create a complete product management and shopping experience.

Each product should have:

• Product name.

• Category.

• Multiple images.

• Product description.

• Price.

• Discounted price.

• Available sizes.

• Custom sizing availability.

• Fabric details.

• Colour options.

• Stitching details.

• Occasion.

• Ready-to-wear or made-to-order status.

• Estimated delivery time.

• Availability status.

• New Arrival badge.

• Featured Collection badge.

Features:

• Search products.

Features:

• Filter by category.

Features:

• Filter by price.

Features:

• Sort by newest.

Features:

• Sort by popularity.

Features:

• Product detail pages.

Features:

• Related products.

Features:

• Wishlist.

Features:

• WhatsApp enquiry for individual products.

Allow customers to enquire about customised products rather than forcing every product into a standard checkout process.

3.4 PROJECT: SANWARIYA ELEGANCE – PREMIUM DESIGNER BOUTIQUE WEBSITE / CUSTOM DESIGN AND STITCHING ORDER SYSTEM

This is a very important feature.

Create a dedicated "Custom Stitching" page.

Customers should be able to:

• Select outfit type.

• Choose fabric preferences.

• Select colour.

• Select design preferences.

• Enter measurements.

• Upload reference design photographs.

• Describe their requirements.

• Choose occasion (Wedding, Party, Festive, Casual, etc.).

• Provide contact information.

Outfit options:

• Designer blouse.

• Lehenga.

• Gown.

• Salwar suit.

• Kurti.

• Palazzo set.

• Other customised outfits.

Submit the request and generate an order/enquiry ID.

Admin should receive the request in the dashboard and be able to update its status:

New Request → Contacted → Design Confirmed → Stitching → Ready → Delivered.

Customers should be able to enquire about their order through WhatsApp.

3.5 PROJECT: SANWARIYA ELEGANCE – PREMIUM DESIGNER BOUTIQUE WEBSITE / CUSTOMER REVIEWS AND TESTIMONIALS

Create a customer review system.

Customers should be able to:

• Give 1–5 star ratings.

• Write a review.

• Upload outfit photographs.

• Upload video testimonials.

• Share their experience.

Admin should have the ability to:

• Approve or reject reviews.

• Approve photographs and videos.

• Feature selected testimonials on the homepage.

• Delete inappropriate content.

• Mark reviews as verified only when the purchase/order is confirmed.

3.6 PROJECT: SANWARIYA ELEGANCE – PREMIUM DESIGNER BOUTIQUE WEBSITE / REFERRAL AND CUSTOMER REWARDS SYSTEM

Create a unique referral programme called:

"Sanwariya Elegance – Share the Love Rewards"

Every customer should receive a unique referral code or referral link.

Example:

Customer A shares her referral link with Customer B.

When Customer B places and completes an eligible boutique order using that referral code:

• Customer B receives a first-order discount.

• Customer A receives referral reward points or a discount coupon for her next purchase.

Admin should be able to:

• Set referral discount percentage or fixed amount.

• Set minimum order value.

• Set reward points.

• Set coupon expiry.

• Track successful referrals.

• View referral history.

• Prevent duplicate or fraudulent rewards.

Display a beautiful referral section on the website explaining how customers can earn rewards.

3.7 PROJECT: SANWARIYA ELEGANCE – PREMIUM DESIGNER BOUTIQUE WEBSITE / ADMIN DASHBOARD – MOST IMPORTANT

Build a secure, separate admin dashboard.

Admin login should be accessible at /admin.

Only authorised admin users should access it.

Dashboard overview:

• Total products.

• Total categories.

• New enquiries.

• Pending stitching orders.

• Completed orders.

• Customer reviews.

• New customers.

• Referral statistics.

3.8 PROJECT: SANWARIYA ELEGANCE – PREMIUM DESIGNER BOUTIQUE WEBSITE / ADMIN DASHBOARD – MOST IMPORTANT / Product Management

Admin can:

• Add new products.

• Upload multiple product images.

• Edit products.

• Delete products.

• Change prices.

• Add discounts.

• Manage categories.

• Mark products as New Arrivals.

• Mark products as Featured.

• Manage stock and availability.

• Publish/unpublish products.

3.9 PROJECT: SANWARIYA ELEGANCE – PREMIUM DESIGNER BOUTIQUE WEBSITE / ADMIN DASHBOARD – MOST IMPORTANT / Collection Management

Admin can:

• Create new collections.

• Upload collection banners.

• Add products to collections.

• Edit and delete collections.

• Publish new festive collections.

• Manage seasonal collections.

• Display or hide collections.

3.10 PROJECT: SANWARIYA ELEGANCE – PREMIUM DESIGNER BOUTIQUE WEBSITE / ADMIN DASHBOARD – MOST IMPORTANT / Customer Order Management

Admin can:

• View all orders and custom stitching requests.

• View customer information.

• View uploaded design references.

• Update order status.

• Add internal notes.

• Track payments and delivery status.

3.11 PROJECT: SANWARIYA ELEGANCE – PREMIUM DESIGNER BOUTIQUE WEBSITE / ADMIN DASHBOARD – MOST IMPORTANT / Review Management

Admin can:

• Approve reviews.

• Reject reviews.

• Delete reviews.

• Feature reviews.

• Manage customer photos and videos.

3.12 PROJECT: SANWARIYA ELEGANCE – PREMIUM DESIGNER BOUTIQUE WEBSITE / ADMIN DASHBOARD – MOST IMPORTANT / Referral Management

Admin can:

• Manage referral rewards.

• Generate coupons.

• View customer referral codes.

• Track rewards.

• Disable referral codes.

• View referral conversions.

3.13 PROJECT: SANWARIYA ELEGANCE – PREMIUM DESIGNER BOUTIQUE WEBSITE / ADMIN DASHBOARD – MOST IMPORTANT / Website Content Management

Admin must be able to update the website without changing code.

Provide editable options for:

• Homepage hero banner.

• Homepage headings.

• About Us information.

• Boutique description.

• Instagram profile URL.

• Instagram post links.

• WhatsApp number.

• Contact details.

• Social media URLs.

• Customer testimonials.

• Gallery images.

• Promotional banners.

• Footer information.

• New collection announcements.

3.14 PROJECT: SANWARIYA ELEGANCE – PREMIUM DESIGNER BOUTIQUE WEBSITE / ADMIN DASHBOARD – MOST IMPORTANT / Social Media Management

Admin can add/edit:

• Instagram username and profile link.

• Instagram post/reel URLs.

• Facebook page.

• Pinterest profile.

• YouTube channel.

• WhatsApp Business link.

Display these details automatically on the website.

3.15 PROJECT: SANWARIYA ELEGANCE – PREMIUM DESIGNER BOUTIQUE WEBSITE / CUSTOMER ACCOUNT

Provide optional customer registration/login.

Customer dashboard:

• Profile.

• Saved addresses.

• Wishlist.

• Order history.

• Custom stitching requests.

• Referral code.

• Available coupons.

• Reward points.

• Submitted reviews.

Allow guest browsing and WhatsApp enquiries without mandatory registration.

3.16 PROJECT: SANWARIYA ELEGANCE – PREMIUM DESIGNER BOUTIQUE WEBSITE / UNIQUE BRAND-BUILDING FEATURES

Include these features to make Sanwariya Elegance different from ordinary boutiques:

1. Style of the Week:

   Admin selects one outfit every week and features it prominently.

Include these features to make Sanwariya Elegance different from ordinary boutiques:

2. Customer Style Stories:

Include these features to make Sanwariya Elegance different from ordinary boutiques:

Display real customer transformations, outfit photos and videos.

3. Newly Added Collection:

   Automatically display the latest uploaded products.

4. Design Your Dream Outfit:

   A customised outfit enquiry experience.

5. Refer & Shine:

   A customer referral and reward programme.

6. Boutique Behind the Scenes:

   Display stitching processes, craftsmanship and making-of videos.

7. Festive Edit:

Dedicated collections for weddings, Diwali, Navratri, festivals and special occasions.

8. WhatsApp Personal Stylist:

   Allow customers to directly contact the boutique for personalised styling assistance.

9. Limited Edition Collection:

   Admin can mark selected products as exclusive or limited collections.

10. Occasion-Based Shopping:

Customers can explore outfits by wedding, party, festive, office and casual occasions.

3.17 PROJECT: SANWARIYA ELEGANCE – PREMIUM DESIGNER BOUTIQUE WEBSITE / TECHNICAL REQUIREMENTS

• Restrict admin operations to authorised accounts.

3.18 PROJECT: SANWARIYA ELEGANCE – PREMIUM DESIGNER BOUTIQUE WEBSITE / SEO AND BRAND VISIBILITY

• Designer Suit Collection.

Include:

• SEO-friendly URLs.

• Meta titles and descriptions.

• Open Graph images.

• Product structured data.

• Sitemap.

• Robots.txt.

• Local business information.

3.19 PROJECT: SANWARIYA ELEGANCE – PREMIUM DESIGNER BOUTIQUE WEBSITE / FINAL DEVELOPMENT INSTRUCTIONS

Important instructions:

1. First inspect the existing project and understand its current structure.

2. If a project already exists, preserve its working functionality and build upon it.

3. Do not unnecessarily replace existing code.

4. Create a complete, polished frontend and functional backend.

5. All admin CRUD operations must actually work.

6. All forms must save data to the database.

7. All uploaded images and videos must persist in cloud storage.

8. Make every button and navigation link functional.

9. Make the admin dashboard easy to use even for a non-technical boutique owner.

The owner should be able to manage the entire boutique website independently from the admin dashboard without needing a developer.

4. User Personas

Supporting actors (not human personas): the website platform serves catalogue search, account, review and referral features to customers; the admin dashboard enforces authorised-only access and hosts all management functions.

Default (labelled): the boutique owner is treated as the sole admin role; additional staff accounts are not established by the evidence.

5. Core User Flows

5.1 Browse the boutique and enquire about a product

Actors: Customer; Admin (catalogue owner); WhatsApp (supporting channel).

1. Customer lands on the homepage and moves through the hero banner ("Elegance, Tailored to You."), featured category cards, New Arrivals, Signature Boutique Collection, approved customer media and reviews, referral section, Instagram gallery and newsletter/WhatsApp subscription.
2. Customer opens the product catalogue and searches, filters by category and price, and sorts by newest or popularity.
3. Customer opens a product detail page, views related products, and adds items to the wishlist.
4. Customer raises a WhatsApp enquiry for the individual product instead of a standard checkout; customised products are enquired about rather than forced through checkout.
5. Result: the enquiry reaches the boutique via WhatsApp and appears in the admin dashboard as a new enquiry.
6. Continuation: the customer may instead start a custom stitching request (Journey 2).

5.2 Submit a custom design and stitching request

Actors: Customer; Admin.

1. Customer opens the dedicated Custom Stitching page (from the homepage CTA "Design Your Dream Outfit" or navigation).
2. Customer selects outfit type, fabric preference, colour, design preferences and occasion (Wedding, Party, Festive, Casual, etc.), enters measurements, uploads reference design photographs, describes requirements and provides contact information.
3. Customer submits the request; the system generates an order/enquiry ID.
4. Admin receives the request in the dashboard, views customer information and uploaded design references, and advances status: New Request → Contacted → Design Confirmed → Stitching → Ready → Delivered. Admin may add internal notes and track payments and delivery.
5. Customer enquires about the order through WhatsApp at any point, quoting the order/enquiry ID.
6. Failure/recovery: if the customer omits measurements or references, the boutique follows up via the Contacted step before Design Confirmed.

5.3 Share a referral and earn rewards

Actors: Customer A (referrer); Customer B (referred); Admin.

1. Customer A receives a unique referral code/link and shares it with Customer B.
2. Customer B places and completes an eligible boutique order using that code.
3. Customer B receives a first-order discount; Customer A receives reward points or a discount coupon for her next purchase.
4. Admin configures discount percentage or fixed amount, minimum order value, reward points and coupon expiry, and tracks successful referrals and referral history.
5. Failure/recovery: ineligible or incomplete orders do not trigger rewards; admin can disable referral codes.

5.4 Submit a review or testimonial

Actors: Customer; Admin (moderator).

1. Customer gives a 1–5 star rating, writes a review, optionally uploads outfit photographs and video testimonials, and shares her experience.
2. Admin approves or rejects the review and its photos/videos, features selected testimonials on the homepage, or deletes inappropriate content.
3. Result: only approved media with appropriate customer consent appears on the homepage and in the reviews section.

5.5 Subscribe for updates

Actors: Customer; Admin.

1. Customer subscribes via the newsletter/WhatsApp updates section for new collection announcements.
2. Admin publishes new collections and products, which drive subsequent announcements.

5.6 Admin manages the boutique

Actors: Admin (authorised only, via /admin).

1. Admin signs in at /admin; unauthorised users are refused.
2. Admin reviews the dashboard overview (products, categories, new enquiries, pending stitching orders, completed orders, reviews, new customers, referral statistics).
3. Admin manages products (add, multi-image upload, edit, delete, prices, discounts, categories, New Arrivals/Featured flags, stock, publish/unpublish), collections (create, banners, assign products, publish festive/seasonal collections, show/hide), orders and stitching requests (status, notes, payments, delivery), reviews and referral rewards/coupons.
4. Admin updates website content without code: hero banner, homepage headings, About Us, boutique description, Instagram profile URL and post links, WhatsApp number and contact details.
5. Result: published changes appear on the storefront; the sticky WhatsApp enquiry button remains available throughout.

5.7 Manage social media and website content

Actors: Admin (non-technical boutique owner).

1. Admin opens the content and social media sections of the dashboard.
2. Admin adds or edits social media details: Instagram username and profile link, Instagram post/reel URLs, Facebook page, Pinterest profile, YouTube channel and WhatsApp Business link.
3. Admin updates testimonials, gallery images, promotional banners, footer information and new collection announcements.
4. Result: the saved details display automatically on the website; no developer involvement is required.

5.8 Curate brand-building features

Actors: Admin; Customer (viewer).

1. Admin selects one outfit each week as Style of the Week and features it prominently.
2. Admin marks selected products as exclusive or limited-edition collections, and publishes the Newly Added Collection and Festive Edit collections for weddings, Diwali, Navratri, festivals and special occasions.
3. Admin publishes Customer Style Stories and Boutique Behind the Scenes content (stitching processes, craftsmanship and making-of videos).
4. Customer explores outfits by occasion (wedding, party, festive, office, casual) and contacts the WhatsApp Personal Stylist for personalised styling assistance.
5. Result: curated features and occasion collections are visible on the storefront; styling conversations arrive via WhatsApp.

5.9 Register or sign in to a customer account (optional)

Actors: Customer; Admin (account data owner).

1. Customer browses as a guest and may enquire via WhatsApp without registering.
2. Customer optionally registers or logs in to reach her profile, saved addresses, wishlist, order history, custom stitching requests, referral code, available coupons, reward points and submitted reviews.
3. Result: account data persists across sessions; guest browsing and WhatsApp enquiries remain available without registration.

5.10 Verify flows before launch

Actors: Admin; development team (supporting).

1. Test customer flows, admin flows, uploads, permissions and mobile responsiveness.
2. Confirm every button and navigation link is functional and that admin operations are restricted to authorised accounts.
3. Result: the boutique owner can manage the entire website independently from the admin dashboard.

6. Visuals Colors and Theme

[Design proposal; unspecified choices are defaults.]

6.1 Visuals, Colours and Theme

Sanwariya Elegance reads as an established premium Indian designer boutique, not a template. The muse is Tobias van Schneider's editorial minimalism with swagger: enormous serif display, asymmetric grids, full-bleed photography, one hot accent. The headline is "Elegance, Tailored to You."

Palette (light mode, exact tokens by role)

Wine-on-ivory and charcoal-on-ivory pass body contrast; gold is never body text. Full-bleed photography carries the remaining colour. No cheap gradients, no overcrowded grids, no more than these five hues.

Typography

• Headings: Playfair Display, 400–500 weight, leading 0.95–1.02, tracking -0.01em, sentence case with one italic word for emphasis ("Tailored to You").
• Body and labels: Jost. Body 17px/1.7 (16px mobile). Small-caps labels 11px / 0.18em tracking for eyebrows and category metadata. Tabular numerals for prices and order IDs.
• Scale (1.4 modular): hero display clamp(52px, 9vw, 128px); section display clamp(38px, 5.2vw, 72px); subhead clamp(24px, 2.6vw, 36px).

Shape and spacing

Sharp corners everywhere — 0px radius on images, cards, buttons, inputs; the only softness is the photography. Hairline 1px rules in champagne gold or charcoal at 20% opacity divide sections; product cards are defined by a single top rule, not a box. Buttons are rectangles with a 1px charcoal border that fills wine on hover. 12-column editorial grid on an 8-pt baseline; margins 24px mobile / 48px tablet / 96px desktop; premium whitespace throughout.

Imagery

Large-scale editorial fashion photography of Indian designer outfits — lehenga, blouse, gown, kurti — on warm ivory studio grounds or sunlit haveli-like interiors, generous negative space, warm-graded. Tight fabric macro crops (zari, thread, sequin) act as section dividers. Customer gallery uses real submitted photos under one warm grade. No clip art, no stock smiling shoppers, no gradient blobs. Loading and empty states are designed with the same restraint — ivory ground, gold hairline, small-caps message.

Sticky WhatsApp enquiry button: bottom-right, wine circle with a gold hairline ring, icon stroke in ivory.

Defaults labelled: exact hex values, font pair and scale derive from the authoritative creative direction; the uploaded brief fixes the palette families (ivory, champagne gold, burgundy/wine, beige, charcoal) and serif-heading/sans-body system, which these tokens satisfy.

6.2 PROJECT: SANWARIYA ELEGANCE – PREMIUM DESIGNER BOUTIQUE WEBSITE / DESIGN AND VISUAL EXPERIENCE

• Champagne gold accents.

• Deep burgundy or muted wine accents.

• Soft beige.

• Elegant charcoal typography.

Typography:

• Elegant serif fonts for headings.

• Modern clean sans-serif fonts for body text.

Avoid:

• Too many colours.

• Cheap-looking gradients.

• Overcrowded product grids.

• Generic shopping website designs.

• Excessive animations.

7. Signature Design Concept

[Design proposal; unspecified choices are defaults.]

The idea: the type is the hero image. Sanwariya Elegance is built as an editorial fashion spread — oversized Playfair Display headlines, asymmetric image placement, and one deep-wine moment — so the site communicates personal styling, designer craftsmanship, trust and exclusivity rather than discount retail.

Signature moves

1. Oversized headline, one wine word. The hero headline spans the left half of the screen at up to 128px, with "You" set in wine italic.
2. Full-bleed portrait bleeding off the right edge, separated from the type block by a single 1px champagne-gold vertical rule.
3. Staggered Pinterest-style category mosaic — tall and wide tiles alternating, 2-up mobile / 3-up desktop, small-caps captions beneath, never text overlaid on busy photography.
4. Signature Collection as a full-width deep-wine band with one large image and ivory Playfair type — the single palette inversion.
5. Product cards defined by a 1px top rule and small-caps metadata; hover crossfades to a second image with no lift or shadow.

Public entry composition (homepage hero)

Warm ivory #F6F1E7 first screen. Left 6 columns: gold small-caps eyebrow "SANWARIYA ELEGANCE — BY MITALI GEHLOT", then "Elegance, Tailored to You." stacked across three lines, then the subheading "Where Every Stitch Tells Your Story." in Jost 18px charcoal, then two sharp CTAs side by side — Explore Collection (solid wine, ivory text) and Customise Your Outfit (1px charcoal outline). Right 6 columns, bleeding past the right viewport edge: one tall editorial portrait of a woman in a burgundy lehenga, sharp-cornered, behind the gold vertical rule. No centred stack, no blue button, no gradient blob.

Section rhythm below the hero: Featured Categories mosaic → New Arrivals horizontal scroll-snap rail of tall cards → Signature Collection wine band → Custom Stitching numbered 3-step sequence → Our Happy Customers masonry gallery → referral rewards section → newsletter/WhatsApp subscription → charcoal footer with the wordmark set large in ivory.

Avoid: blue/indigo primary buttons on white; rounded cards with drop shadows and hover-lift; glassmorphism, neon or pastel accents; readable text over busy photography; Inter/Roboto/Poppins/system-ui as heading or body fonts; a centred generic SaaS hero.

Readability guard: headlines, wordmarks, labels, numbers, card text and controls stay whole inside the viewport and their container at 375px, 768px and 1280px, wrapping or scaling via clamp(); imagery and decoration may crop or bleed, readable text and controls may not.

7.1 PROJECT: SANWARIYA ELEGANCE – PREMIUM DESIGNER BOUTIQUE WEBSITE / DESIGN AND VISUAL EXPERIENCE

Create an elegant, minimal, sophisticated and premium luxury fashion aesthetic.

Design inspiration:

• Modern Indian luxury boutiques.

• Premium designer fashion brands.

• Editorial fashion photography.

• Pinterest-inspired fashion layouts.

Colour palette:

• Warm ivory / off-white backgrounds.

8. Interaction Model & Motion Direction

[Design proposal; unspecified choices are defaults.]

Interaction Model: Animated Motion Tempo: restrained Hero Dimensionality: flat

Landing Hero Motion Brief

• Focal subject: the tall editorial portrait of a woman in a burgundy lehenga bleeding off the right viewport edge, held behind a 1px champagne-gold vertical rule.
• Thesis: on load, the ivory ground and gold eyebrow settle first; the oversized Playfair headline reveals line by line with a 24px upward drift; the portrait crossfades in from a second editorial frame on a slow 9s loop. Input is scroll and hover only — no new behaviour, no new destination.
• Motion vocabulary: 600–800ms cubic-bezier(0.22, 1, 0.36, 1) crossfades; 24px upward type reveals that fire once on scroll; image hover a 1.03 scale inside a fixed crop at 400ms ease; nav links draw a wine underline left-to-right in 240ms; the New Arrivals rail scroll-snaps. No bounce, no parallax jitter, no gradient drift, no particles.
• Composed first frame: eyebrow, three-line headline with wine italic "You", subheading and both CTAs fully legible on ivory; portrait already present at its final crop — the crossfade is a slow breath, not an entrance that hides content.
• Reduced-motion state: prefers-reduced-motion makes reveals instant, freezes the hero crossfade on one frame, and turns the New Arrivals rail into a wrapping grid so every card is fully readable.

Across the site: category tiles and product cards crossfade to a second image on hover (400ms, no lift); the Signature Collection wine band reveals its ivory type once; the Custom Stitching steps reveal in sequence; the customer masonry fades in as a block. Loading and empty states use a gold hairline pulse, never a spinner carousel. Motion stays subtle and elegant per the brief — never excessive.

8.1 PROJECT: SANWARIYA ELEGANCE – PREMIUM DESIGNER BOUTIQUE WEBSITE / DESIGN AND VISUAL EXPERIENCE

Design requirements:

• Premium whitespace.

• Beautiful product photography.

• Smooth transitions and subtle animations.

• Elegant hover effects.

• Modern responsive navigation.

• Premium product cards.

• Mobile-first responsive design.

9. Non-Functional Requirements

9.1 PROJECT: SANWARIYA ELEGANCE – PREMIUM DESIGNER BOUTIQUE WEBSITE / TECHNICAL REQUIREMENTS

Build a real functional application, not just a static frontend.

Security:

• Secure admin authentication.

• Role-based permissions.

• Validate all uploads.

• Protect customer information.

• Use database access policies.

• Never expose secret API keys in frontend code.

Performance:

• Optimised images.

• Lazy loading.

• SEO-friendly pages.

• Fast loading.

• Mobile optimisation.

• Proper error handling.

9.2 PROJECT: SANWARIYA ELEGANCE – PREMIUM DESIGNER BOUTIQUE WEBSITE / FINAL DEVELOPMENT INSTRUCTIONS

8. Do not use fake products, fake customer reviews or fake testimonials in production.

9. Add sample demo content only if clearly labelled as demo.

10. Provide setup instructions, environment variable names, database migrations and deployment instructions.

11. Test customer flows, admin flows, uploads, permissions and mobile responsiveness.

10. Tech Stack

10.1 PROJECT: SANWARIYA ELEGANCE – PREMIUM DESIGNER BOUTIQUE WEBSITE / TECHNICAL REQUIREMENTS

Use a modern, maintainable technology stack:

• React / Next.js.

• TypeScript.

• Tailwind CSS.

• Supabase or a suitable backend.

• PostgreSQL database.

• Secure authentication.

• Cloud image and video storage.

• Responsive components.

Database should include:

• Admins.

• Customers.

• Products.

• Categories.

• Collections.

• Product images.

11. Assumptions and Constraints

11.1 PROJECT: SANWARIYA ELEGANCE – PREMIUM DESIGNER BOUTIQUE WEBSITE / FINAL DEVELOPMENT INSTRUCTIONS

3. Do not unnecessarily replace existing code.

12. Glossary

Sanwariya Elegance — The premium designer boutique brand and website owned by Mitali Gehlot (contact: 9589073671). "stone-sunny" is the project name chosen for this build.

Designer Boutique — The business category and SEO positioning of the site: premium women's designer wear with custom stitching.

Designer Blouse — A stitched upper garment offered as a catalogue category and as a custom design/stitching outfit option.

Lehenga — A designer ensemble offered as a catalogue category and as a custom design/stitching outfit option.

Gown — A designer outfit offered as a catalogue category and as a custom design/stitching outfit option.

Suits / Salwar Suit — A stitched ensemble offered as a catalogue category ("Suits") and as a custom design/stitching outfit option ("Salwar suit").

Co-ord Sets — Matching coordinated sets offered as a homepage/catalogue category.

Trending Kurtis — Kurtis highlighted as a trending category on the homepage and in SEO keywords; "Kurti" is also a custom design/stitching outfit option.

Palazzo Sets — Palazzo-and-top sets offered as a catalogue category; "Palazzo set" is also a custom design/stitching outfit option.

Other Customised Outfits — The catch-all custom design/stitching option for garments outside the named outfit list.

Custom Sizing Availability — A product attribute indicating whether a garment can be made to the customer's measurements.

Ready-to-Wear — A product status meaning the garment is available as a finished, standard-size piece.

Made-to-Order — A product status meaning the garment is produced after the order is placed, typically with custom stitching.

Estimated Delivery Time — The product attribute stating the expected delivery window for an item.

Availability Status — The product attribute indicating whether an item is currently orderable.

New Arrival Badge — A product badge marking recently added items.

Featured Collection Badge — A product badge marking items in a curated featured collection.

Custom Stitching Request — A customer-submitted order for a custom-designed or custom-stitched outfit, stored and managed as a distinct record type.

Share the Love Rewards — The brand's unique referral and customer rewards programme, titled "Sanwariya Elegance – Share the Love Rewards".

Referral Code — A unique code issued to a customer for sharing; tracked as a managed record type.

Referral Transaction — A recorded event crediting a referral (e.g., a qualifying order placed with a referral code); tracked as a managed record type.

Coupon — A discount code managed by the site and applied at checkout.

Reviews — Customer-submitted product feedback, managed as a record type.

Testimonials — Curated customer praise displayed on the site, managed as a record type.

Website Settings — Configurable site-level options managed in the admin area.

Social Media Links — Configurable links to the brand's social profiles, managed in the admin area.