Update app.py

app.py

@@ -18,56 +18,55 @@ pipe = DiffusionPipeline.from_pretrained(
 MAX_SEED = np.iinfo(np.int32).max
 MAX_IMAGE_SIZE = 2048
 
-# 인포그래픽 예시들
+# UI/UX 목업 예시들
 EXAMPLES = [
     {
-        "title": "Global Energy Mix",
-        "prompt": """A modern flat-style infographic about global renewable energy usage:
-        - Title: "Global Renewable Energy Share"
-        - Bar chart showing Solar, Wind, Hydro
-        - Pie chart: 40% Solar, 35% Wind, 25% Hydro
-        - Minimalist icons: sun, wind turbine, water wave
-        - Clean layout with pastel color scheme""",
+        "title": "Mobile App Wireframe",
+        "prompt": """A clean hand-drawn style wireframe for a mobile banking app:
+        - Title screen with logo
+        - Login screen (username, password, login button)
+        - Dashboard with 3 main sections (balance, transactions, quick actions)
+        - Bottom navigation bar (home, transfers, profile)""",
         "width": 1024,
         "height": 1024
     },
     {
-        "title": "Startup Growth Stats",
-        "prompt": """A hand-drawn style infographic illustrating startup growth stages:
-        - Title: "Startup Growth Journey"
-        - 5 main steps: Ideation, MVP, Early Users, Funding, Scaling
-        - Icons for each step (lightbulb, prototype gear, user group, money bag, rocket)
-        - Vibrant color palette""",
+        "title": "E-commerce Website Mockup",
+        "prompt": """A sketch-style mockup for an online store homepage:
+        - Header with logo, search bar, cart icon
+        - Featured banner at the top
+        - Product grid with 4 columns, product images, and prices
+        - Minimal color palette, wireframe lines""",
         "width": 1024,
         "height": 1024
     },
     {
-        "title": "Healthy Lifestyle",
-        "prompt": """A watercolor style infographic showing healthy lifestyle tips:
-        - Title: "Healthy Lifestyle"
-        - 3 pillars: Nutrition, Exercise, Mental Health
-        - Icons: Food plate, running shoe, yoga person
-        - Soft pastel colors, gentle shapes""",
+        "title": "Blog Layout Wireframe",
+        "prompt": """A hand-drawn wireframe for a personal blog site:
+        - Top nav with logo, About, Contact
+        - Main section with blog post previews (title, short excerpt, read more)
+        - Right sidebar with categories and recent posts
+        - Footer with social media icons""",
         "width": 1024,
         "height": 1024
     },
     {
-        "title": "E-Commerce Trends",
-        "prompt": """A hand-drawn infographic explaining e-commerce market trends:
-        - Title: "E-Commerce Trends 2025"
-        - Growth chart with arrow
-        - 4 key metrics: Conversion Rate, AOV, Repeat Customers, Mobile Share
-        - Minimal color scheme, doodle style icons""",
+        "title": "Dashboard Interface Mockup",
+        "prompt": """A pencil-drawn style mockup of an analytics dashboard:
+        - Top bar with logo and user avatar
+        - Left sidebar menu (Overview, Reports, Settings)
+        - Main area with charts: bar chart, line chart, pie chart
+        - Soft grayscale color scheme""",
         "width": 1024,
         "height": 1024
     },
     {
-        "title": "Planet Sustainability",
-        "prompt": """A vivid infographic about environmental sustainability:
-        - Title: "Planet Sustainability Goals"
-        - Tree diagram with branches: Reduce, Reuse, Recycle
-        - Data highlights (CO2 reduction, forest coverage, plastic usage)
-        - Green and earthy color scheme""",
+        "title": "Social Media App Wireframe",
+        "prompt": """A simple wireframe for a social media mobile app:
+        - Feed of posts (user avatar, text, image thumbnail, like/share buttons)
+        - Top bar with camera icon, app logo
+        - Bottom bar with Home, Search, Notifications, Profile
+        - Light doodle style""",
         "width": 1024,
         "height": 1024
     }
@@ -90,7 +89,7 @@ def infer(prompt, seed=42, randomize_seed=False, width=1024, height=1024, num_in
         height=height,
         num_inference_steps=num_inference_steps,
         generator=generator,
-        guidance_scale=0.0  # 인포그래픽 텍스트, 레이아웃에 집중
+        guidance_scale=0.0
     ).images[0]
     return image, seed
 
@@ -170,8 +169,8 @@ css = """
 with gr.Blocks(css=css) as demo:
     gr.Markdown(
         """
-        <div class="title">GINI Infographic</div>
-        <div class="subtitle">Design stunning hand-drawn or modern style infographics with FLUX AI</div>
+        <div class="title">GINI Mockup</div>
+        <div class="subtitle">Generate elegant UI/UX wireframes or mockups with FLUX AI</div>
         """)
 
     with gr.Row(equal_height=True):
@@ -179,13 +178,13 @@ with gr.Blocks(css=css) as demo:
         with gr.Column(elem_id="input-column", scale=2):
             with gr.Group(elem_classes="input-box"):
                 prompt = gr.Text(
-                    label="Infographic Prompt",
-                    placeholder="Enter your infographic details...",
+                    label="Mockup Prompt",
+                    placeholder="Enter your UI/UX wireframe or mockup details...",
                     lines=10,
                     elem_classes="prompt-input"
                 )
-                run_button = gr.Button("Generate Infographic", variant="primary")
-                result = gr.Image(label="Generated Infographic")
+                run_button = gr.Button("Generate Mockup", variant="primary")
+                result = gr.Image(label="Generated Mockup")
             
             with gr.Accordion("Advanced Settings", open=False):
                 seed = gr.Slider(
@@ -223,7 +222,7 @@ with gr.Blocks(css=css) as demo:
         
         # 오른쪽 예제 컬럼
         with gr.Column(elem_id="examples-column", scale=1):
-            gr.Markdown("### Example Infographics")
+            gr.Markdown("### Example Mockups")
             for example in EXAMPLES:
                 with gr.Group(elem_classes="example-card"):
                     gr.Markdown(f"#### {example['title']}")