PlayerGui
└── PremiumDonationGui (ScreenGui)
│ ├── Property: ScreenInsets = DeviceSafeInsets ⚠️ MOBILE
│ └── Property: ResetOnSpawn = false
│
├── 🌑 Overlay (Frame)
│ ├── Purpose: Assombrit l'écran quand le menu est ouvert
│ ├── Size: UDim2.fromScale(1, 1) - Plein écran
│ └── BackgroundTransparency: 1 → 0.5 (animé)
│
├── 💎 ToggleButton (TextButton)
│ ├── Text: "💎 DONATE" / "✕ CLOSE"
│ ├── Position: (0.02, 0.12) - Haut gauche
│ ├── Size: (0.2, 0.09)
│ ├── Animation: Pulse infini quand fermé
│ │
│ └── Children:
│ ├── UIGradient (Purple → Dark Purple)
│ ├── UICorner (CornerRadius: 0.25)
│ ├── UIPadding
│ └── UIStroke (White, semi-transparent)
│
├── 🎨 MainFrame (Frame) ⭐ CADRE PRINCIPAL
│ ├── AnchorPoint: (0.5, 0.5) ⚠️ MANDATORY
│ ├── Position: (0.5, 0.5) ⚠️ MANDATORY
│ ├── Size: (0.5, 0.5) ⚠️ MANDATORY
│ ├── Visible: false (par défaut)
│ ├── Animation: Slide depuis le haut avec bounce
│ │
│ └── Children:
│ │
│ ├── UIGradient (Dark Blue Gradient)
│ ├── UICorner (CornerRadius: 0.05)
│ ├── UIStroke (Purple border)
│ ├── UIAspectRatioConstraint (AspectRatio: 0.75)
│ │
│ ├── 📌 Header (Frame)
│ │ ├── Size: (1, 0.15) - 15% de la hauteur
│ │ ├── Position: (0, 0) - Tout en haut
│ │ │
│ │ └── Children:
│ │ ├── UIGradient (Purple gradient)
│ │ ├── UICorner
│ │ │
│ │ ├── ✨ Title (TextLabel)
│ │ │ ├── Text: "✨ SUPPORT THE GAME"
│ │ │ ├── Size: (0.75, 1)
│ │ │ └── UIPadding
│ │ │
│ │ └── ✕ CloseButton (TextButton)
│ │ ├── Text: "✕"
│ │ ├── AnchorPoint: (1, 0.5)
│ │ ├── Position: (0.95, 0.5)
│ │ ├── Size: (0.15, 0.7)
│ │ │
│ │ └── Children:
│ │ ├── UICorner (Cercle parfait)
│ │ └── UIStroke (White border)
│ │
│ ├── 💬 Subtitle (TextLabel)
│ │ ├── Text: "Your support helps us create..."
│ │ ├── Position: (0.05, 0.17)
│ │ └── Size: (0.9, 0.08)
│ │
│ └── 📜 ProductScroll (ScrollingFrame) ⭐ ZONE PRODUITS
│ ├── Position: (0.05, 0.27)
│ ├── Size: (0.9, 0.68) - 68% de la hauteur
│ ├── AutomaticCanvasSize: Y
│ │
│ └── Children:
│ ├── UICorner
│ ├── UIListLayout (Auto-arrange les produits)
│ ├── UIPadding
│ │
│ └── 🎁 [PRODUITS GÉNÉRÉS DYNAMIQUEMENT]
│ │
│ ├── Container #1 - STARTER (Frame)
│ │ ├── Size: (0.94, 0.16)
│ │ ├── LayoutOrder: 1
│ │ │
│ │ └── Children:
│ │ ├── UICorner
│ │ ├── UIStroke (Bronze color)
│ │ │
│ │ ├── 🥉 Icon (TextLabel) - "🥉"
│ │ ├── TierName (TextLabel) - "STARTER"
│ │ ├── Price (TextLabel) - "10 Robux"
│ │ │
│ │ └── PurchaseButton (TextButton)
│ │ ├── Text: "BUY"
│ │ ├── UIGradient (Bronze)
│ │ ├── UICorner
│ │ └── Touch Feedback (shrink effect)
│ │
│ ├── Container #2 - SUPPORTER (Frame)
│ │ └── [Même structure, couleur Silver]
│ │
│ ├── Container #3 - PREMIUM (Frame)
│ │ └── [Même structure, couleur Gold]
│ │
│ ├── Container #4 - ELITE (Frame)
│ │ └── [Même structure, couleur Blue]
│ │
│ ├── Container #5 - LEGENDARY (Frame)
│ │ └── [Même structure, couleur Purple]
│ │
│ └── Container #6 - MYTHIC (Frame)
│ └── [Même structure, couleur Pink]
│
└── 🔔 Notification (Frame)
├── AnchorPoint: (0.5, 0)
├── Position: (0.5, -0.2) → (0.5, 0.05) (animé)
├── Size: (0.8, 0.12)
├── ZIndex: 10 (au-dessus de tout)
│
└── Children:
├── UICorner
├── UIStroke
│
└── NotifLabel (TextLabel)
├── Text: "✓ Purchase Successful!" ou "✕ Error"
└── UIPadding