AAA Gaming Platform Design System
GPT Image

AAA Gaming Platform Design System

gpt-image-prompt-aaa-gaming-platform-desig.txt
Title: Use the uploaded website screenshot as the primary layout...

Prompt: Use the uploaded website screenshot as the primary layout and design reference. Preserve the overall structure, spacing, visual hierarchy, content density, and premium gaming portal experience, but completely redesign it with original branding, artwork, UI components, colors, typography, and illustrations. Do not copy any logos, characters, game artwork, text, or copyrighted assets from the reference. Use it only as inspiration for layout architecture and user experience.Design a modern, premium, AAA-quality responsive gaming platform website that feels like a combination of Steam, Epic Games Store, PlayStation Store, Xbox Game Pass, Riot Games, Battle.net, and Netflix.The website should immediately create an immersive entertainment experience with cinematic visuals, rich gradients, premium game cards, smooth animations, and a luxury gaming interface.STYLE• Dark premium gaming theme• Large cinematic hero section• Rich purple and blue gradients• Premium glassmorphism• Large rounded cards• Soft ambient shadows• Neon glow accents• Floating particles• Layered backgrounds• Cinematic lighting• High-quality digital artwork• Smooth transitions• Excellent spacing• Modern minimal typography• Portfolio-quality UICOLOR PALETTEBackground:Deep PurpleMidnight BlueDark IndigoNear BlackAccent Colors:Electric PurpleRoyal BlueEmerald GreenGolden YellowOrangePinkCyanTypography:Poppins ExtraBoldInterBUTTONSLarge rounded buttonsPremium gradientsGlow effectsHover liftSmooth animationsNAVIGATIONTransparent sticky navigationLogoHomeGamesCategoriesEventsStoreLeaderboardCommunityNewsSupportSearchLoginRegisterBlur background while scrolling.HERO SECTIONCreate a massive cinematic hero banner.Characters should appear from both left and right edges creating depth.Center the content.Large headlineSupporting descriptionPrimary CTASecondary CTABackground includesParticlesMagic lightingFogEnergySmokeFloating objectsSoft glowPROMOTIONAL SECTIONCreate large landscape promotional cards below the hero.Each card containsGame artworkTitleSubtitleButtonFeature badgeGradient overlaysHover animationCATEGORY FILTERSRounded pill buttonsAll GamesActionAdventurePuzzleSportsFantasyTrendingPopularNew ReleasesMultiplayerEditor's ChoiceGAME COLLECTIONSMultiple horizontal scrolling sections.TrendingPopularRecently AddedRecommendedNew ReleasesFree to PlaySeasonal EventsTop RatedEach game card includesPremium artworkRounded cornersHover zoomGlow borderFavorite iconGenrePlatform badgeRatingShort descriptionPROVIDER / STUDIO SECTIONDisplay trusted studio logos inside premium cards.Uniform spacing.Monochrome logos.Glow on hover.FEATURED CAMPAIGNLarge promotional banner.Beautiful artwork.Device mockups.Download buttons.Season announcement.Limited-time event.FEATURES SECTIONPremium feature cards.ExamplesCross PlatformCloud SaveAchievementsLeaderboardsDaily RewardsMultiplayerFast PerformancePremium SecurityEach card includesLarge iconTitleShort descriptionGradient backgroundHover animationCOMMUNITY SECTIONPlayer reviewsAchievement showcaseCommunity screenshotsStatisticsPlayer avatarsLeaderboardsNEWS SECTIONLatest updatesEventsPatch notesAnnouncementsTournament bannersCTA SECTIONLarge immersive banner.Strong headline.Supporting text.Join Now button.Background artwork with lighting and floating particles.FOOTERMulti-column premium footer.GamesStoreResourcesSupportCommunityLegalPrivacyTermsNewsletterSocial linksLanguage selectorUI COMPONENTSLarge game cardsLandscape bannersGlass cardsRounded buttonsPill filtersProgress barsAchievement badgesCarousel arrowsHover overlaysSearchDropdown menusNotification badgesLoading skeletonsToast notificationsANIMATIONSHover liftGlow pulseCard scalingButton rippleSmooth fadeParallax backgroundsFloating particlesAnimated countersCarousel transitionsMicro interactionsSmooth page transitionsILLUSTRATION STYLEUse premium AAA-quality digital artwork with cinematic lighting, realistic depth, vibrant colors, dramatic compositions, and high-resolution game key art. Every illustration should feel professionally painted and visually striking.RESPONSIVE DESIGNDesktop-firstTablet optimizedMobile optimizedFluid grid systemResponsive heroResponsive carouselsAdaptive navigationLarge touch targetsACCESSIBILITYWCAG-compliant contrastKeyboard navigationVisible focus statesReadable typographyAccessible interactive componentsFINAL GOALCreate a production-ready, portfolio-quality gaming platform homepage inspired by the layout rhythm of the uploaded reference. Maintain the same immersive browsing experience with a large cinematic hero, promotional banners, horizontal content sliders, studio logos, featured campaigns, informative sections, and a structured footer, while replacing all branding, artwork, colors, content, and UI elements with a completely original premium design suitable for React, Next.js, Tailwind CSS, and Framer Motion.