ai recipe generate
Buat desain UI/UX mobile app premium cross-platform (React Native + Expo) untuk "Recipe Creator AI – Kuliner Adventure", tema Culinary Adventure hangat eksploratif fusion masak global. Desain HARUS 100% RESPONSIVE: adaptif sempurna di semua ukuran layar (small phone 320-414px width seperti iPhone SE, medium 414-768px, large tablet 768-1366px), orientation portrait & landscape, foldable devices, dynamic island/notch handling, safe area insets. Gunakan tren 2025-2026: hybrid glassmorphism + soft neumorphism, minimalis clutter-free, immersive AR feel, bento/flexible grid layouts, fluid micro-interactions, bold typography adaptive. Color palette: Primary warm saffron orange (#FF6B35 energetic), Secondary herb green (#10B981 fresh), Accent chili red (#EF4444 CTA), Neutral cream off-white (#FFF7ED), Dark charcoal warm (#1F2937). Gradient warm untuk hero. Dark mode full adaptive. Typography RESPONSIVE: Heading Poppins/Inter Bold scale dynamically (clamp(24px, 6vw, 40px)), Body Inter/Manrope clamp(14px, 4vw, 18px) line-height 1.5-1.6, Accent handwritten Caveat/Satisfy untuk nama resep fusion. Layout & Responsiveness Best Practices (wajib tampilkan): - Gunakan Flexbox + modular bento grids yang rearrange otomatis (e.g., stack on small screen, grid 2-3 kolom on large). - Relative sizing: Semua padding/margin/spacing pakai percentages atau rem/em (bukan px fixed), font scaling via PixelRatio/Dimensions API. - Cards rounded 24-32px adaptive (clamp radius), glassmorphism blur background translucent, neumorphic soft shadows depth yang scale. - Bottom tab navigation compact on small, expanded on large; FAB orange prominent selalu thumb-friendly (min 48x48dp touch target). - Home screen: Hero gradient besar tapi collapsible on scroll, carousel resep responsive (single item small screen, multi-column large), search bar full-width adaptive. - Ingredient Input: Kamera full-screen dengan overlay guide scalable, detected chips wrap + scroll horizontal/vertical, sliders neumorphic responsive. - Recipe Detail: Scrollable vertical, hero image full-width aspect-ratio preserved, AR button fixed right-top, sections collapsible bento yang rearrange (e.g., ingredients + nutrition side-by-side on tablet/landscape). - AR Preview: Full immersive AR view adaptive (maintain aspect ratio, UI HUD minimal floating scalable: nama hidangan clamp font, rating stars thumb-size, gesture hints responsive), overlay elements tidak overlap critical areas di small screen. - Community/Favorites: Masonry grid Pinterest-style yang auto-adjust columns (1 kolom small, 2-4 large), cards scale fluid. - Overall: WCAG AA accessible (contrast, dynamic type support iOS/Android), micro-animations smooth (Reanimated 3, no jank on low-end), skeleton loading adaptive, orientation lock optional tapi support landscape untuk AR/recipe view. Generate high-fidelity mockup screens vert