adrian-ai-studio

byJambrong Music

UBAH SELURUH VISUAL ADRIAN AI STUDIO MENJADI TEMA PINK PREMIUM. Jangan menggunakan warna biru, ungu, atau cyan sebagai warna utama. ================================================== COLOR PALETTE Primary: - Hot Pink - Rose Pink - Soft Pink Gunakan kombinasi warna: --background: #FFF7FA --foreground: #2A1720 --primary: #EC4899 --primary-hover: #DB2777 --primary-light: #FCE7F3 --secondary: #F9A8D4 --accent: #FB7185 --card: #FFFFFF --border: #FBCFE8 Untuk dark mode: --background: #160B10 --foreground: #FFF1F7 --card: #211018 --primary: #F472B6 --primary-hover: #EC4899 --border: #4A1D32 ================================================== DESIGN STYLE Gunakan: Premium Pink Elegant Futuristic Soft Glassmorphism Minimalist Modern SaaS Luxury Clean Professional Jangan membuat tampilan terlalu kekanak-kanakan. Pink harus terasa seperti brand teknologi premium. ================================================== GRADIENT Gunakan gradient secara elegan: Pink → Rose Pink → Soft Pink Rose → Peach Contoh: linear-gradient( 135deg, #EC4899, #F472B6, #FB7185 ) Gunakan gradient hanya pada: - Hero - CTA - Primary buttons - AI generation highlights - Active navigation - Important statistics - Decorative elements Jangan memberikan gradient pada seluruh halaman. ================================================== LANDING PAGE Hero menggunakan: background putih/pink sangat lembut. Tambahkan: Pink glowing orb Soft gradient blur Floating AI cards Glassmorphism panels Subtle particles Headline: “Create Anything. Powered by AI.” Highlight kata: “AI” dengan gradient pink. CTA: [Start Creating] Gunakan pink gradient. Secondary: [Explore AI Tools] Gunakan white background dengan pink border. ================================================== DASHBOARD Sidebar: Background: #FFFFFF Active menu: background: #FCE7F3 icon: #EC4899 text: #DB2777 Topbar: White dengan border pink sangat halus. Credit indicator: Pink gradient pill. ================================================== AI CHAT User message: Pink gradient bubble. AI message: White / soft pink card. Send button: Pink circular button. Typing indicator: Pink animated dots. ================================================== AI IMAGE Generate button: Pink gradient. Image cards: White card Soft shadow Pink hover glow. Hover: scale 1.02 dan pink border. ================================================== AI WRITER Editor: White background. Toolbar: Soft pink background. Active tools: Pink. Generate button: Pink gradient. ================================================== BUTTON STYLE Primary: Pink gradient. Hover: Slightly darker pink. Shadow: Soft pink glow. Secondary: White / transparent. Border: Pink. Danger: Gunakan red yang berbeda dari pink utama agar tindakan berbahaya tetap jelas. ================================================== CARDS Gunakan: border-radius: 18px–24px border: 1px solid #FBCFE8 shadow: soft subtle shadow. Hover: transform: translateY(-2px) pink glow sangat ringan. ================================================== TYPOGRAPHY Gunakan: Inter atau Plus Jakarta Sans Headline: Bold / Extra Bold. Body: Regular. Gunakan hierarchy yang jelas. ================================================== ICONS Gunakan Lucide Icons. Icon aktif: Pink. Icon normal: Gray. Jangan menggunakan terlalu banyak warna icon. ================================================== DARK MODE Dark mode tetap menggunakan identitas pink. Background: #160B10 Cards: #211018 Borders: #4A1D32 Primary: #F472B6 Glow: pink dengan opacity rendah. Hindari background hitam murni. ================================================== ANIMATION Gunakan Framer Motion. Animasi: Fade Slide Scale Hover Glow Page transition Skeleton loading Gunakan easing yang halus. Jangan membuat animasi terlalu cepat atau berlebihan. ================================================== BRANDING Nama: ADRIAN AI STUDIO Buat logo sederhana berbasis: AI sparkle + letter A Gunakan warna pink. Logo harus tetap terlihat baik pada: Light mode Dark mode Mobile Favicon ================================================== RESPONSIVE Pastikan desain pink tetap terlihat bagus pada: Desktop Laptop Tablet Android iPhone Mobile navigation menggunakan: Pink active indicator. ================================================== IMPORTANT Pink adalah identitas utama seluruh aplikasi. Semua halaman harus memiliki visual consistency. Jangan mencampurkan pink dengan biru/cyan sebagai primary accent. Jangan membuat UI terlihat seperti website salon, fashion, atau toko kosmetik. Buat kesan: “Premium AI Technology Brand with a Pink Identity.” Hasil akhir harus terlihat seperti startup AI modern dengan branding pink yang kuat, elegan, futuristik, dan profesional.