界面交互设计图

{ "type": "skincare e-commerce landing page mockup", "brand": "{argument name="brand name" default="DERMA CALM"}", "color_palette": ["white", "light blue", "{argument name="primary color" default="dark blue"}"], "layout": { "header": { "logo": "left-aligned brand name with Japanese subtext", "navigation_links": { "count": 6, "labels": ["ABOUT", "PRODUCT", "FEATURE", "INGREDIENT", "VOICE", "Q&A"] }, "buttons": { "count": 2, "labels": ["マイページ", "今すぐ購入する"] } }, "hero_section": { "left_column": { "headline": "{argument name="hero headline" default="敏感な肌にも、毎日つづけられる安心ケア。"}", "subtext": "paragraph detailing low irritation, moisturizing, fragrance-free, and alcohol-free benefits", "buttons": { "count": 2, "labels": ["今すぐ購入する", "詳しく見る"] } }, "center_column": { "product": "white pump bottle with clear cap labeled {argument name="product type" default="Moisture Barrier Serum"}", "props": ["dollop of white cream", "circular badge reading 皮膚科医監修"] }, "right_column": { "subject": "{argument name="model description" default="young East Asian woman with clear glowing skin touching her cheek"}", "background": "blurred laboratory glassware in a bright, clean clinical setting" } }, "bottom_features_panel": { "left_cards": { "count": 3, "descriptions": ["95% satisfaction with 5 stars", "shield icon for low irritation formula", "drop icon for skin barrier support"] }, "right_badges": { "count": 3, "descriptions": ["no fragrance icon", "no alcohol icon", "patch tested icon"] }, "footer": "fine print disclaimers at the bottom" } } }