Nasir Khan

@user_6681832c

GPT Image

プレミアムゲームポータルUI再設計:レイアウト維持、オリジナルブランドとビジュアルを刷新

プロンプト

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.

さらにインスピレーション

ファッションストリートフォト|セージグリーンのシャツとハイウエストパンツのヴィンテージな都市の瞬間巨大なヌテラ瓶がチョコレートスキー山に、ミニチュアスキーヤーとアルプスの村水墨猫影:東洋の極簡動態素描に宿る生命のリズム戦役長巻:半俯瞰サンドボックス視点で描く歴史的な戦局の全景推演図韓国キャプテンのサイバー忍者:フォートナイト風ソウルネオン躍動イラスト
純白の背景に、手切りされた黒とエレクトリックブルーの文字が主体と重なり合う広告ポスターアニメキャラポスター:正面クローズアップと対称構図の視覚的インパクトロベルト・レヴァンドフスキ ボクシング王者コレクターカード:ヴィンテージポスター風の質感と金箔押し白いジープ・ラングラーのオフロード広告ポスター:ワイルドな冒険へ真鍮ブランドスタンプで革に刻印するマクロ:ロゴが型押しされた商品写真
プロンプトとして使う参考画像として使う
画像動画インスピ記録