Nano Banana Pro cases and prompts

A {argument name="location" default="Hong Kong-inspired"} background featuring traditional dim sum restaurants, noodle shops, and authentic Hong Kong street scenery. {argument name="makeup" default="Soft, natural Korean-style pink makeup"}. {argument name="hair style" default="Long, straight hair with light C-curls"} at the ends, flowing naturally in the wind. Silver accessories. A fitted ivory shirt dress with moderate volume and built-in padding. A black mini designer leather shoulder bag worn over one shoulder. Fine, subtle film grain, soft bloom around bright light sources with delicate red halation, slightly lifted blacks, calm cinematic colour grading, highlights diffused like a Black Pro-Mist filter, and a shallow depth of field.

This vertical portrait captures a {argument name="subject" default="charming, handsome young man with wavy dark hair"}, laughing heartily while engaged in a lively conversation at a {argument name="setting" default="rustic, cozy cafe"}. He is dressed in a casual {argument name="clothing" default="olive green linen shirt"} and is seated at a worn wooden table, where a freshly brewed cup of coffee rests beside a notebook. The warm, inviting atmosphere is enhanced by soft ambient lighting, string lights glowing in the background, and the blurred silhouettes of other patrons, creating an authentic and candid sense of a relaxed afternoon spent with a friend.

A collection of alphabet letters, {argument name="letters" default="A through Z"} and decorative elements are arranged in rows against a {argument name="background color" default="white background"}. The letters are in a playful, rounded font with thick black outlines and vibrant, pastel colors. Many of the letters are stylized with accompanying graphics: flowers, starbursts, hearts, bows, sparkles. There are also scattered floral and starburst elements throughout the composition. The overall style is reminiscent of {argument name="design era" default="1970s"} graphic design, with a cheerful and whimsical aesthetic.

An unretouched documentary-style photograph of the person from the reference image, shot on a full-frame digital camera with an 85mm prime. Infer and faithfully preserve apparent age, gender presentation, ancestry, face, hair, skin tone and texture, body shape and lines, height impression, proportions, and every physical characteristic exclusively from the reference; never beautify, age-shift, reshape, or invent traits. This applies to the torso in full: chest and bust size, shape and position, shoulder width, rib cage, waist, hips and limb thickness all come from the reference exactly as they appear there. Do not enlarge, reduce, lift, round, or otherwise alter the chest, and do not slim, lengthen or idealize any part of the body. Use the softened neckline and the fitted shorts only when the reference unambiguously depicts an adult; otherwise use a camisole whose neckline still sits at the collarbone and a straight-cut mid-thigh short with the same colors and mood. In either case the shorts stay fully opaque with no underwear visible. Scene: the wooden engawa veranda of an old Japanese house in late July, seen from the garden. Weathered dark timber posts and a run of paper shoji screens fill the background, an open doorway showing a dim room beyond. A small glass wind chime with a paper strip hangs from the eaves into the upper-left corner of the frame, at about head height beside the subject. The rim of a white enamel tray with cut watermelon enters the lower-right corner on the boards. Summer greenery presses in at the left edge. The boards are worn unevenly, with real grain and scuffs. Pose: the subject sits on the edge of the raised veranda in clean side profile to the camera, the front of the body facing out across the garden. One knee is drawn up with that bare foot resting on the boards; the other leg extends down off the veranda. The subject holds a wedge of watermelon in one hand and brings it to the mouth from the side of the face, that elbow resting near the raised knee; the other arm reaches back and the palm presses flat on the boards behind the hip, so the torso stays upright and open and nothing crosses in front of the chest. The gaze goes out across the garden, away from the camera; the expression is languid and unposed, caught mid-bite rather than held for the shot. Outfit: a much-loved everyday camisole in sand-ivory cotton jersey, clearly old and washed many times: the knit has gone soft and slightly limp, the bound neckline has lost its original tension and now sits a little lower and looser than it was made to, and the thin straps have stretched with wear so they sit slack rather than taut, though both stay properly on the shoulders. The color has faded unevenly, the hem curls slightly, and the fabric carries the settled creases of a garment worn at home all summer. It remains fully opaque, unstructured and unpadded, with no shaping or support built into it, so it simply follows the reference body. Slate-gray cotton-linen shorts, equally well-worn and soft, cut close to the body with the hem ending high on the thigh, a relaxed drawstring left untied, and light creases from sitting. Hero visual: every vertical in the frame holds perfectly still — the timber posts, the shoji rails, the hanging cord of the wind chime — and the paper strip beneath the chime is the single element in the photograph caught mid-swing, hanging just off plumb. Camera and framing: a medium shot taken from the garden at roughly seated shoulder height, level with no tilt, positioned square to the subject's profile. The frame runs from just above the head down to mid-thigh: the whole face, both shoulders, the full torso, the waist, the seated hip and the top half of the thighs all read clearly and fill the frame. Crop below the knee; the lower legs and feet stay out of shot. Never position the camera behind the subject; the front of the torso and the profile of the face must both read. Never frame between the legs. Lighting: available light only, overcast-bright midday summer. Soft even daylight from the open garden, the veranda interior falling into deep natural shade behind the subject, cool green reflected fill on the skin from the grass, a slight warm return off the timber. No studio light, no rim light, no artificial fill. Photographic realism: real optical behavior throughout — moderate depth of field around f/2.8 with the background shoji and greenery gently soft, focus on the face, mild lens vignetting, faint chromatic fringing on the brightest highlights, natural sensor grain in the shadowed interior, slightly clipped specular highlights on the glass chime and the enamel tray. No skin smoothing, no airbrushing, no retouching of any kind. Fabric drapes under real gravity with genuine creases. Cotton jersey behaves like real worn knit: soft folds, no crispness, no stiff structure. Format: 3:4 vertical. A candid photograph, not a render or an illustration — no CGI look, no plastic skin, no HDR glow, no digital sharpening halos, no beauty filter.

Transform the image into an ultra-high-contrast monochrome dust-particle artwork. Render the entire image using millions of tiny {argument name="particle types" default="black toner particles, carbon dust, xerox powder, ink speckles, and stochastic grain"}. Every object, person, vehicle, shadow, and texture must be reconstructed entirely from particle density rather than photographic shading. Aggressively destroy photographic detail. Faces become simplified silhouettes and abstract particle masses. Clothing folds, vehicle reflections, windows, and environmental details dissolve into dense dust clusters. Large portions of the image disappear into pure white negative space. Use extreme information loss, photocopy degradation, toner scatter, print erosion, xerox artifacting, and particle abstraction. Dark areas become dense black dust masses. Midtones become sparse particle fields. Highlights vanish completely into white. The image should feel like a {argument name="aesthetic" default="photocopy of a photocopy of a photocopy, printed with black toner on white paper"}. Raw underground streetwear aesthetic, underground car culture poster, DIY punk zine, archive fashion graphic design, bootleg magazine artwork. Massive white negative space. Floating isolated subjects. Broken contours. Fading edges. Subjects emerging from particle density. Toner-built forms. Dust-built silhouettes. Scanned print imperfections. Carbon particle rendering. Stochastic grain shading. The final image must look as if it was created entirely from black dust particles scattered across white paper, not a photograph with a filter applied. NEGATIVE PROMPT: clean photography, realistic photo, detailed faces, realistic skin texture, smooth gradients, cinematic lighting, HDR, glossy surfaces, realistic reflections, painterly artwork, digital painting, 3D render, CGI, sharp details, clean edges, modern graphic design, vector art, comic halftone dots, newspaper halftone dots, color, grayscale gradients, high-detail realism, polished commercial photography, realistic backgrounds, environmental depth, perfect image quality, beauty retouching, hyperrealism, crisp details, professional studio photography

Create a premium luxury automotive editorial portrait of a stylish {argument name="subject" default="man in his mid-20s"} during a daytime drive. He has an athletic build, fair skin with warm-neutral undertones, an oval face with a sharp angular jawline, well-defined facial features, moderately prominent cheekbones, a straight nose, medium lips, thick groomed eyebrows, and a short, neatly trimmed beard and mustache. His {argument name="hair style" default="dark brown medium-length hair is styled in a voluminous brushed-back side part"} with a smooth texture and a slight natural wave. His expression is calm, focused, and confident as he looks toward the road. Dress him in a {argument name="clothing" default="black leather jacket layered over a light beige zip-up collared sweatshirt"}, styled in a refined quiet luxury aesthetic. He wears black rectangular sunglasses with silver metal temples, and a visible seatbelt completes the authentic driving scene. He is seated in the driver's seat of a modern luxury vehicle, captured in a three-quarter profile with his head turned slightly to the left. His posture is upright, composed, and effortless, while his hands remain outside the frame. The interior features a clean, premium cabin with a headrest, dashboard, side window, and roof liner subtly visible in the background. Illuminate the scene with soft natural golden-hour sunlight entering from the driver's side window, creating warm highlights across his face and clothing while gentle shadows define his facial structure and enhance depth. Use a moderately shallow depth of field to keep the subject tack sharp while softly blurring the car interior. Photograph the scene from a slightly above eye-level perspective using a medium close-up composition. Maintain razor-sharp focus on the face, sunglasses, hair, and clothing while preserving a softly blurred background. Apply premium editorial colour grading with natural skin texture, exceptional sharpness, minimal noise, and a sophisticated luxury fashion aesthetic. The overall mood should feel confident, composed, refined, minimal, and luxurious, using a palette of black, charcoal, ivory, warm grey, and soft beige accented by silver details and warm golden sunlight, reminiscent of a high-end men's fashion campaign for a luxury automotive brand.

Exploding {argument name="subject" default="Song Thrush"} with regression degradation glitch distortion digital decay and broken fragmented pixels, white background, cinematic --ar 16:9 --raw --stylize 300 --hd --preview --v 8.1

I literally designed the landing page for a web app using google nano banana in under 2 minutes. And its looking awesome. Prompt: "Build a modern, production-ready SaaS landing page using Next.js (App Router) and Shadcn UI, based on the rough hand-drawn wireframe provided. The wireframe represents layout and hierarchy only — transform it into a polished, premium SaaS design suitable for a real startup launch. Website Description Create a landing page for LaunchNest, a platform that helps founders validate startup ideas, build MVPs quickly, and launch faster without hiring a full team. The page should feel: Founder-focused Fast and minimal Premium but simple Conversion-optimized Think Stripe × Linear × early-stage startup energy. Page Structure (Follow the Wireframe Exactly) Sticky top navigation bar Center-aligned hero section Large headline (max 6 words) Short supporting subheadline (1–2 lines) Two CTA buttons near the hero text A central mobile phone mockup partially visible from the bottom Floating stat cards and info cards around the phone Small brand/logo text placeholders at the bottom Clean footer alignment Do not change the layout — only improve visual quality. Brand & Content (Use Exactly This Text) Brand Name: LaunchNest Navigation Bar Product How It Works Pricing Resources Login (secondary, outlined) Get Started (primary, filled) Hero Section Headline: Launch Your Startup Faster Subheadline: Validate ideas, build MVPs, and go live in weeks — not months — without hiring a full dev team. Primary CTA: Get Started Secondary CTA: View Demo Floating Stat Cards ⚡ 14 Days Average MVP Launch 🚀 3× Faster Time to Market Left Info Card Validate ideas before you build Button: Explore Ideas Right Info Card Turn concepts into real products Button: Build MVP Phone Mockup Overlay Labels Idea Validation MVP Builder Launch Dashboard Bottom Brand Placeholders Founder Studio EarlyLaunch IndieWorks MVP Labs StartupKit Color Palette Primary Black: #0F0F0F White: #FFFFFF Muted Gray Text: #6B7280 Soft Gray Background: #F4F4F5 Accent Yellow Card: #FACC15 Accent Orange Card: #FB923C Soft Purple Gradient: #E9D5FF → #F5E9FF Design Principles Large, bold hero typography Generous spacing and padding Strong visual hierarchy Rounded cards with subtle shadows Floating UI elements layered around the phone Clean grid alignment Looks great even with minimal content UI & Component Requirements Use Shadcn UI components: Button Card Badge Sticky navigation bar Primary CTA: black background, white text Secondary CTA: white background, black border Phone mockup centered and partially cut off at bottom Floating cards positioned absolutely relative to hero container Fully responsive (mobile → desktop) Technical Requirements: Next.js App Router Tailwind CSS Clean, semantic HTML Reusable components No placeholder lorem ipsum Output code only, no explanations" Will try to bring this to life using Gemini 3 next.

Prompt: Build a premium, high-end hero section for a video editing agency named 'Logoisum' with the following specifications: Background: Implement a full-screen, looping video background using this URL: . The video must be muted, autoplaying, and set to object-cover to fill the section without any color overlays. Navigation Bar: A floating white navigation bar with rounded-[16px] and a subtle shadow. Left: The agency logo. Center: A menu with links for 'About', 'Works', 'Services', and 'Testimonial' using 14px Barlow Medium font. Right: A dark (#222) primary CTA button labeled 'Book A Free Meeting' featuring a unique 45-degree arrow icon in a circular housing. Typography & Hero Content: Primary Headline: Centered layout. The first line 'Agency that makes your' should use a bold/medium Barlow font with tight tracking (tracking-[-4px]). The second line 'videos & reels viral' must use a large, elegant 'Instrument Serif' italic font (text-[84px]). Subtext: Below the headline, add the text 'Short-form video editing for Influencers, Creators and Brands' in Barlow Medium, 18px, centered. Secondary CTA: A large white pill-shaped button below the subtext labeled 'See Our Workreel' with a small play icon on the left. Overall Aesthetic: The design should be minimal, ultra-modern, and responsive. Ensure all text and buttons are layered on top of the video background with clear visibility and proper spacing (min-h-[90vh])."

Access ALL prompts for stunning animated websites in one click: Prompt: Cinematic Hero Section with Looping Video Background Create a fullscreen single-page hero section using React + Vite + Tailwind CSS + TypeScript with the following specifications: Fonts: Display text (headings, logo): Instrument Serif Body text (navigation, descriptions): Inter Import both fonts in /src/styles/fonts.css Video Background: URL: Position: top: '300px' with inset: 'auto 0 0 0' Implement custom fade-in/fade-out loop logic using React useEffect and useRef: Use requestAnimationFrame to continuously monitor currentTime and duration Fade in over 0.5s at the start (opacity 0 to 1) Fade out over 0.5s before the end (opacity 1 to 0) On ended event: set opacity to 0, wait 100ms, reset currentTime = 0, then play() again This creates a seamless manual loop with smooth fade transitions Add gradient overlays: absolute inset-0 bg-gradient-to-b from-background via-transparent to-background positioned over the video Navigation Bar: Logo: "Aethera®" (with registered trademark symbol as superscript) Logo styling: text-3xl, tracking-tight, Instrument Serif, color #000000 Menu items: Home (color #000000), Studio, About, Journal, Reach Us (all others #6F6F6F) Menu items: text-sm with transition-colors CTA button: "Begin Journey", rounded-full, px-6 py-2.5, text-sm, black background (#000000), white text, hover scale 1.03 Layout: flex justify-between, px-8 py-6, max-w-7xl mx-auto Hero Section: Positioning: paddingTop: 'calc(8rem - 75px)', pb-40 Layout: centered (flex flex-col items-center justify-center text-center), px-6 Headline: Text: "Beyond silence, we build the eternal." Styling: text-5xl sm:text-7xl md:text-8xl, max-w-7xl, font-normal Font: Instrument Serif Line height: 0.95 Letter spacing: -2.46px Color: #000000 for main text, #6F6F6F for italic emphasized words ("silence," and "the eternal.") Animation: animate-fade-rise Description: Text: "Building platforms for brilliant minds, fearless makers, and thoughtful souls. Through the noise, we craft digital havens for deep work and pure flows." Styling: text-base sm:text-lg, max-w-2xl, mt-8, leading-relaxed Color: #6F6F6F Animation: animate-fade-rise-delay Hero CTA Button: Text: "Begin Journey" Styling: rounded-full, px-14 py-5, text-base, mt-12 Colors: black background (#000000), white text (#FFFFFF) Hover: scale 1.03 Animation: animate-fade-rise-delay-2 Colors: Background: white (#FFFFFF) Headlines/logos/buttons: black (#000000) Descriptions/menu items: gray (#6F6F6F) Button text: white (#FFFFFF) Animations (in /src/styles/theme.css): fade-rise: opacity 0 to 1, translateY 20px to 0, duration 0.8s, ease-out fade-rise-delay: same as fade-rise but with 0.2s delay fade-rise-delay-2: same as fade-rise but with 0.4s delay Layout Structure: Container: relative min-h-screen w-full overflow-hidden Background video layer (z-0) Gradient overlay on video Navigation bar (z-10) Hero section (z-10) All elements should be responsive and maintain the glassmorphic aesthetic with the specified padding, positioning, and smooth animations.

Access ALL prompts for stunning animated websites in one click: Create a single-page hero section with a fullscreen looping background video, glassmorphic navigation, and cinematic typography. Use React + Vite + Tailwind CSS + TypeScript with shadcn/ui. Video Background: Fullscreen <video> element with autoPlay, loop, muted, playsInline Source URL: Positioned absolute inset-0 w-full h-full object-cover z-0 Fonts: Import from Google Fonts: Instrumental Serif (display) and Inter weights 400/500 (body) CSS variables: --font-display: 'Instrumental Serif', serif and --font-body: 'Inter', sans-serif Body uses var(--font-body), headings use inline fontFamily: "'Instrument Serif', serif" Color Theme (dark, HSL values for CSS variables): --background: 201 100% 13% (deep navy blue) --foreground: 0 0% 100% (white) --muted-foreground: 240 4% 66% (muted gray) --primary: 0 0% 100%, --primary-foreground: 0 0% 4% --secondary: 0 0% 10%, --muted: 0 0% 10%, --accent: 0 0% 10% --border: 0 0% 18%, --input: 0 0% 18% Navigation Bar: relative z-10, flex row, justify-between, px-8 py-6, max-w-7xl mx-auto Logo: "Velorah®" (® as <sup className="text-xs">), text-3xl tracking-tight, Instrument Serif font, text-foreground Nav links (hidden on mobile, md:flex): Home (active, text-foreground), Studio, About, Journal, Reach Us — all text-sm text-muted-foreground with hover:text-foreground transition-colors CTA button: "Begin Journey", liquid-glass rounded-full px-6 py-2.5 text-sm text-foreground, hover:scale-[1.03] Hero Section: relative z-10, flex column, centered, text-center, px-6 pt-32 pb-40 py-[90px] H1: "Where dreams rise through the silence." — text-5xl sm:text-7xl md:text-8xl, leading-[0.95], tracking-[-2.46px], max-w-7xl, font-normal, Instrument Serif. The words "dreams" and "through the silence." wrapped in <em className="not-italic text-muted-foreground"> for color contrast Subtext: text-muted-foreground text-base sm:text-lg max-w-2xl mt-8 leading-relaxed — "We're designing tools for deep thinkers, bold creators, and quiet rebels. Amid the chaos, we build digital spaces for sharp focus and inspired work." CTA button: "Begin Journey", liquid-glass rounded-full px-14 py-5 text-base text-foreground mt-12, hover:scale-[1.03] cursor-pointer Liquid Glass Effect (CSS class .liquid-glass): .liquid-glass { background: rgba(255, 255, 255, 0.01); background-blend-mode: luminosity; backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); border: none; box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.1); position: relative; overflow: hidden; } .liquid-glass::before { content: ''; position: absolute; inset: 0; border-radius: inherit; padding: 1.4px; background: linear-gradient(180deg, rgba(255,255,255,0.45) 0%, rgba(255,255,255,0.15) 20%, rgba(255,255,255,0) 40%, rgba(255,255,255,0) 60%, rgba(255,255,255,0.15) 80%, rgba(255,255,255,0.45) 100%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; } Animations (CSS keyframes + classes): @keyframes fade-rise { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: translateY(0); } } .animate-fade-rise { animation: fade-rise 0.8s ease-out both; } .animate-fade-rise-delay { animation: fade-rise 0.8s ease-out 0.2s both; } .animate-fade-rise-delay-2 { animation: fade-rise 0.8s ease-out 0.4s both; } H1 gets animate-fade-rise Subtext gets animate-fade-rise-delay Hero CTA button gets animate-fade-rise-delay-2 Layout: No decorative blobs, radial gradients, or overlays. Minimalist, cinematic, vertically centered hero. The video provides all visual depth.

Access ALL prompts for stunning animated websites in one click: RECREATION PROMPT PROMPT: Build a React + Vite + TypeScript + Tailwind CSS landing page for a creative studio called "Aethera". The site is light-mode only (no dark mode). It uses two Google Fonts: Instrument Serif (display/headings) and Inter (body text). Use lucide-react for all icons. The site has a cinematic video hero and 7 additional sections below it. All sections use scroll-triggered reveal animations via an IntersectionObserver hook. GLOBAL SETUP Fonts (src/styles/fonts.css) Import from Google Fonts: Instrument Serif (italic variants: 0 and 1) Inter (weights: 300, 400, 500, 600) Tailwind Config (tailwind.config.js) Extend theme with: fontFamily.display: "Instrument Serif", serif fontFamily.body: Inter, sans-serif colors.background: #FFFFFF colors.foreground: #000000 colors.muted: #6F6F6F CSS Animations (src/styles/theme.css) Define these keyframe animations: fade-rise: opacity 0 -> 1, translateY(20px -> 0), 0.8s ease-out fade-in: opacity 0 -> 1 slide-up: opacity 0 -> 1, translateY(40px -> 0) count-up: opacity 0 -> 1, scale(0.8 -> 1) Utility classes: .animate-fade-rise: 0.8s ease-out forwards .animate-fade-rise-delay: same but 0.2s delay, starts opacity:0 .animate-fade-rise-delay-2: same but 0.4s delay, starts opacity:0 Scroll-reveal system: .reveal: starts opacity:0, translateY(32px), transitions opacity and transform 0.7s ease-out .reveal.visible: opacity:1, translateY(0) .reveal-stagger-1 through .reveal-stagger-6: transition-delays from 0.1s to 0.6s in 0.1s increments Global CSS (src/index.css) Import fonts.css and theme.css, then Tailwind directives. Reset margin/padding/box-sizing. Enable antialiased font smoothing. Scroll Reveal Hook (src/hooks/useReveal.ts) A custom React hook that: Takes a generic type constraint <T extends HTMLElement = HTMLElement> Creates a ref to attach to a section container Uses IntersectionObserver with threshold: 0.15 Queries all .reveal children inside the ref element Adds visible class when entry is intersecting Cleans up observer on unmount Returns the ref SECTION 1: NAVBAR (src/components/Navbar.tsx) Top navigation bar with: Left: Brand name "Aethera" with a registered trademark superscript, using font-display text-3xl Center: Hidden on mobile (hidden md:flex). Nav items: Home (active), Studio, About, Journal, Reach Us. Active item is text-foreground, others text-muted. All text-sm with hover to foreground. Right: "Begin Journey" CTA button -- rounded-full bg-foreground text-white px-6 py-2.5 text-sm with hover:scale-[1.03] transition. SECTION 2: VIDEO HERO (src/components/VideoBackground.tsx + src/components/HeroSection.tsx) VideoBackground: Absolutely positioned container starting at top: 300px, filling right/bottom/left. Plays this video: Video is muted, playsInline, autoPlay, NOT looped via HTML attribute. Custom fade logic using requestAnimationFrame:FADE_DURATION = 0.5 seconds During the first 0.5s of playback, opacity ramps from 0 to 1 During the last 0.5s before ending, opacity ramps from 1 to 0 Between those, opacity is 1 On ended event: set opacity to 0, wait 100ms, reset currentTime to 0, play again (manual loop with fade) object-cover video filling container Gradient overlay on top: bg-gradient-to-b from-background via-transparent to-background HeroSection: Centered text content, relative z-10, top padding: calc(8rem - 75px), bottom padding: pb-40 Heading: font-display text-5xl sm:text-7xl md:text-8xl, lineHeight: 0.95, letterSpacing: -2.46px, max-width 7xlText: Beyond silence, we build the eternal. The italic words use <em className="text-muted"> Animation class: animate-fade-rise Subheading: text-base sm:text-lg text-muted, max-width 2xl, animate-fade-rise-delayText: "Building platforms for brilliant minds, fearless makers, and thoughtful souls. Through the noise, we craft digital havens for deep work and pure flows." CTA: "Begin Journey" button -- rounded-full bg-foreground text-white px-14 py-5 text-base, animate-fade-rise-delay-2, hover scale 1.03 App.tsx wraps VideoBackground, Navbar, and HeroSection inside a relative min-h-screen div. SECTION 3: SERVICES (src/components/ServicesSection.tsx) id="studio", white background, py-32 px-6, max-width 7xl Top: "Services" pill badge (rounded-full border, uppercase tracking-widest, text-xs text-muted) Below: Two-column header row (md:flex-row). Left: large heading font-display text-4xl sm:text-5xl md:text-6xl with lineHeight 1.05: "Crafting digital experiences with purpose" (italic word in text-muted). Right: short paragraph text-muted max-w-md. Service rows: 4 items in a divide-y divide-foreground/10 grid. Each row is a 12-column grid (md:grid-cols-12) with:Col 1: service number ("01"-"04") in text-sm text-muted Col 3: title in font-display text-3xl md:text-4xl Col 5: description in text-base text-muted Col 3: right side with tag pills (bg-foreground/5 rounded-full px-3 py-1 text-xs text-muted) and a circular arrow button (h-10 w-10 rounded-full border border-foreground/10) that inverts to bg-foreground text-white on group hover Icons: ArrowUpRight from lucide-react, size 16 Services data:"Brand Identity" -- "We distill your vision into a living brand system -- logo, typography, palette, and voice -- that resonates across every touchpoint." Tags: Strategy, Visual Identity, Guidelines "Digital Experiences" -- "Immersive web and mobile platforms engineered for performance, built with meticulous craft and obsessive attention to detail." Tags: Web Design, Development, Interaction "Content Direction" -- "From editorial strategy to art direction, we shape narratives that move audiences and elevate your presence." Tags: Art Direction, Copywriting, Photography "Growth Systems" -- "Data-informed marketing architectures that compound over time -- SEO, analytics, and conversion frameworks built to scale." Tags: SEO, Analytics, Automation SECTION 4: CASE STUDIES / SELECTED WORK (src/components/CaseStudiesSection.tsx) Dark section: bg-foreground, py-32 px-6, max-width 7xl Header row: Left side has "Selected Work" pill badge (border-white/20, text-white/50), heading in white font-display text-4xl sm:text-5xl md:text-6xl: "See how we've shaped others". Right side: "View All" link in text-white/50 uppercase tracking-widest text-sm. Two project cards in a grid md:grid-cols-2 gap-6. Each card:rounded-2xl overflow-hidden, group hover aspect-[4/3] container with a <video> element: muted, loop, playsInline, autoPlay, object-cover, transition-transform 700ms, scale-105 on group-hover Gradient overlay: bg-gradient-to-t from-black/80 via-black/20 to-transparent Bottom content area (absolute, p-8): category label (text-xs uppercase tracking-widest text-white/60), stat in font-display text-5xl md:text-6xl text-white (lineHeight: 1), stat label in text-sm text-white/60 max-w-xs, and a white circular button h-12 w-12 rounded-full bg-white text-foreground with ArrowUpRight icon Project 1: "Meridian Health", "Brand & Web Platform", stat "553K+", label "Monthly active users across digital channels", video: Project 2: "Coastal Living", "E-Commerce Redesign", stat "96%", label "Improvement in conversion rate after launch", video: SECTION 5: TESTIMONIALS (src/components/TestimonialsSection.tsx) White background, py-32 px-6, max-width 7xl, centered "Testimonials" pill badge centered Heading: font-display text-4xl sm:text-5xl centered, max-w-lg: "Trusted by growing companies" Dot navigation: 3 dots, h-2.5 w-2.5 rounded-full border. Active: border-foreground bg-foreground. Inactive: border-foreground/20 bg-transparent hover:border-foreground/40. Testimonial card: max-w-4xl, grid md:grid-cols-5 gap-8Left (col-span-2): rounded-2xl overflow-hidden containing a <video> element playing: -- muted, loop, playsInline, autoPlay, h-72 md:h-full w-full object-cover. This same video plays for all testimonial slides. Right (col-span-3): blockquote in text-lg md:text-xl leading-relaxed text-foreground, then a bottom bar with border-t border-foreground/10 pt-6 containing name (text-sm font-medium), role + company (text-sm text-muted), and prev/next buttons using ChevronLeft/ChevronRight icons (size 16) in h-10 w-10 rounded-full border border-foreground/10 circles that invert on hover. State management: useState(0) for active index, prev/next wrap around. Testimonial data (3 entries):Carolyn Chapman, People & Culture Operations Manager, Meridian Group -- quote about collaborative problem-solving Marcus Reid, Chief Product Officer, Coastal Living Co. -- quote about digital presence transformation Lena Okafor, Brand Director, Solaris Ventures -- quote about operating as team extension Logo strip below: border-t border-foreground/10 pt-12 mt-20, 5 text logos in font-display text-xl text-foreground/20: Meridian, GFS, Solaris, Coastal, Vertex

Create a 9:16 editorial poster in the HUMAN FRAGMENTS visual system. Theme: [{argument name="theme" default="football / badminton / jump rope / floral design"}] Subject: [person, age, gender, appearance] Action: [specific movement or task] Scene: [location and environment] Title: [{argument name="title" default="custom two-word title"}] Supporting line: [{argument name="subtitle" default="one short phrase"}] Year: 2026 Use oversized cropped typography as the main composition structure. The letters should act like windows that reveal the surrounding scene, such as the sky, court, buildings, flowers, studio, or ground. Keep the main person visually complete in front of the typography. Do not let the letters cut through the face, torso, thighs, or other important body parts. Let one key action element break beyond the letterforms to create depth: - a football and shoe close to the camera - a badminton racket and shuttlecock - a jump rope forming a large arc - a bouquet, stems, leaves, or hands extending across the type The person, typography, and environment must feel like one continuous composition, not a photo placed beside typography.

Black and white contrast photo Extremely close-up shot of half of a {argument name="subject" default="girl's"} face She is wearing a {argument name="clothing" default="black turtleneck"} Cinematic effect with added grain. Do not change facial features In the frame only the face up to the eyebrows and the neck Face straight and eyes look into the camera with slight tension Hair loose voluminous and some strands and hairs blowing in the wind

Extreme macro photograph of the {argument name="monitor area" default="bottom-left corner of a computer monitor"}, shot at a slight angle from the right. The sheet tab bar of a spreadsheet fills the frame — three tabs legible and sharp, reading "{argument name="tab 1" default="Quotes"}", "{argument name="tab 2" default="Copy of Invoices"}", and "FINAL_dont_delete", with "FINAL_dont_delete" the active white tab. Visible pixel structure in the screen surface at this magnification, a fine layer of dust, one small fingerprint smudge on the glass. Very shallow depth of field so the tabs at the left edge blur out. Soft window light from the side raking across the screen surface. Natural colour, macro photography, no device bezel visible beyond the lower edge.

2x2 grid, 16:9, do this for public space, non copyrighted books: { "Scene_Type": "Macro Photography of an Open Magazine Spread", "Topic": "{argument name=\"franchise\" default=\"[FRANCHISE]\"} - {argument name=\"scene\" default=\"[SCENE]\"}", "AI_Semantic_Inference": { "The_Pop_Up": "A 3D, isometric, highly detailed voxel/clay block of the [SCENE] rising out of the glossy magazine pages.", "The_Layout": "Left and Right margins feature editorial text columns, bold headlines, and 'Secret Stats' boxes.", "The_Callouts": "Red circles drawn around AI_INFER(hidden easter eggs in the 3D model), with red lines connecting them to the 2D margin text." }, "Aesthetic": "Slightly glossy paper texture, vibrant colors, satisfying tactile blend of 2D print media and 3D isometric art." }

Minimalist product photography, {argument name="subject" default="product from uploaded photo"} placed on top of a {argument name="setting" default="small rounded green grassy hill"}, positioned low in frame with vast empty sky taking up most of the composition, small wooden side table beside it with a single ceramic coffee cup, soft warm golden hour lighting, clear pale blue sky gradient transitioning to warm cream near the horizon, serene and calm atmosphere, negative space composition, vertical mobile wallpaper format, photorealistic, soft natural shadows, muted earthy color palette, high-end editorial product photography, 8k resolution

Extreme close-up, highly detailed Blender + Octane render of the attached product images arranged as a {argument name="composition style" default="dense, overlapping 3D floating cluster"}. Use the exact products shown in the attached photos preserve their true colors, materials, logos, labels, textures, and proportions exactly as photographed. Do not invent, substitute, or generically reinterpret any product; render them as faithful 3D versions of the attached references. Composition: objects overlap and float in a tight macro cluster, each catching light from a different angle, creating a layered depth-of-field effect with the nearest object in sharp focus and others softly falling off in the background blur. Intertwined throughout the cluster: long, curling streamers of {argument name="decorative element" default="metallic confetti ribbon"} and thin silky ribbon, threading between and behind the objects, catching specular highlights as they curl through the frame. Materials and rendering: emphasize contrasting textures true to each attached product brushed or polished metal, soft fabric sheen and folds, glass with complex caustics and refractions if transparent liquid is present, waxy or matte surfaces, glossy plastic or lacquer all rendered with physically accurate reflections, refractions, and soft shadow occlusion. Background: a {argument name="background lighting" default="sophisticated multi-tonal gradient"}, built creatively from the dominant and accent colors actually present in the attached product images analyze the attached photos' palette (primary object color, packaging color, any metallic or accent tones) and construct a smooth, moody gradient that transitions between 2–3 of those extracted tones, deepest/coolest tone at the bottom edge, warmest/lightest tone at the top edge, evoking a refined evening luxury atmosphere. Do not default to a fixed palette the gradient must visibly relate to and complement the attached products' actual colors. Confetti ribbon colors should also pull from this same extracted palette (one metallic tone + one soft tone). Lighting: soft key light from the upper background glow, subtle rim lighting on each object edge, gentle bounce light between overlapping items, no harsh shadows. Camera: macro lens look, shallow depth of field, extreme close-up framing, photorealistic, ultra-detailed, 8K render quality.

Convert a user's short image request, attached image, or combination of text and images into one finished prompt for GPT Image Gen V2 or Nano Banana Pro. Apply the Redphase Survey visual system defined below. Do not explain the system, show analysis, or add commentary. Return only the finished image prompt in the selected model's format. Use the model named by the user or supplied by the host application. If neither names one, use GPT Image Gen V2. For GPT Image Gen V2, return natural language prose only. For Nano Banana Pro, return one valid JSON object only. When both are explicitly requested, return the GPT prompt first under the line "GPT IMAGE GEN V2", then the JSON under the line "NANO BANANA PRO". Add no other text. Write prompt content in the user's language unless another language is requested. Keep Nano Banana Pro keys in English. Preserve exact in-image text in its required script. CORE LOGIC Every image contains two simultaneous records. The survey record describes what occupies the scene. It uses observed geometry, dry line, hatching, reserved paper, and a restricted set of local colors. The red phase describes what is active through the scene. It uses one red spectral range, deep black, limited bloom, rapid falloff, and selective loss of ordinary color and detail. The survey record answers: What is present? The red phase answers: What is acting, passing, gathering, or changing? Do not average the two records into red-tinted illustration. Give each record a separate job. Before writing the final prompt, silently determine: 1. The literal subject and setting. 2. The stable material structure that belongs to the survey record. 3. One active condition that belongs to the red phase. 4. The source of that condition. 5. The path or relation through which it travels. 6. The receiving subject, object, region, or surface. 7. The visible consequence. 8. Two or three transition sites where the records meet. Choose the active condition from the user's request. It may be physical, social, temporal, or perceptual. Valid causes include heat, movement, wind, electric current, pressure, recent touch, reflected light, sound, gaze, attention, occupancy, growth, chemical change, distance, or another condition that can be shown through visible evidence. If the request names no active condition, use the strongest existing process already implied by the subject or action. Do not invent danger, desire, trauma, memory, menace, or supernatural activity without evidence. Red is a measurement channel, not a mood label. Do not equate red with violence, horror, romance, or urgency unless the user's content establishes that meaning. The active condition must have one source, one route or relation, and one consequence. Do not scatter red accents without a causal structure. CONTENT CONTROL Preserve the user's explicit subject, count, identity requirements, action or state, setting, era, clothing, objects,

Masterpiece modern editorial semi-vector illustration with handcrafted expressive linework, combining bold graphic design aesthetics and organic ink-sketch energy. Render using a limited retro duotone palette consisting of {argument name="base colors" default="warm cream (#F2DFC0), muted ivory, charcoal navy (#243647), slate gray, cool gray"}, and {argument name="accent color" default="vivid burnt orange (#F57A2A)"} as the only accent color. Preserve the exact color harmony with high-contrast flat graphic shadows and subtle tonal layering. Create clean, simplified geometric shadow planes with irregular angular shapes, while retaining loose hand-drawn imperfections. Outlines feature expressive pressure-sensitive thick-and-thin strokes, alternating between bold contour lines and delicate hairline sketch marks. Avoid perfectly uniform vector paths; every line should feel naturally drawn by hand with slight wobble, tapering ends, and visible stroke rhythm. Facial features are modeled using layered graphic shapes mixed with spontaneous sketch lines, giving a balance between realism and illustration. Hair and beard are built from hundreds of energetic flowing strokes, overlapping curved ink-like marks, loose scribbles, tapered strands, and textured clusters, maintaining an organic handcrafted appearance rather than smooth digital rendering. Use minimal yet intentional cross-contour marks, subtle scratch textures, tiny construction lines, and scattered expressive sketch strokes throughout the face and clothing. Shadows are composed of flat color blocks with occasional textured edges and thin internal contour lines to preserve depth without photorealistic gradients. Background is a solid {argument name="background color" default="warm cream"} with no scenery, no texture except extremely subtle paper grain. Overall style resembles a premium contemporary graphic portrait poster, blending semi-vector precision with expressive ink drawing, bold editorial composition, handcrafted imperfections, graphic shadow design, organic line variation, and crisp high-resolution illustration. Negative style: photorealism, glossy rendering, airbrush gradients, watercolor, oil paint, 3D rendering, comic halftone dots, overly smooth vector curves, excessive texture, neon colors, saturated rainbow palette, blurry edges, uniform line weight, flat lifeless strokes.