👇

👇

{
  "task": "Create a premium, minimal sea-freight and logistics website hero section for a global shipping company.",
  "presentation": {
    "format": "full website hero shown inside a desktop frame",
    "aspect_ratio": "16:9",
    "outer_background": "soft off-white or light warm grey",
    "frame": {
      "corner_radius": "24px",
      "border": "4-6px solid white",
      "shadow": "very subtle soft shadow"
    },
    "spacing": "generous negative space around the frame"
  },
  "style": {
    "font": "Satoshi",
    "mood": ["modern", "premium", "minimal", "cinematic", "polished"],
    "colors": {
      "base": ["dark navy", "white"],
      "accent": "bright red",
      "support": "warm sunset tones"
    },
    "rules": [
      "use strong typography",
      "keep layout clean and spacious",
      "avoid excessive gradients",
      "avoid glassmorphism",
      "avoid decorative clutter"
    ]
  },
  "background_image": {
    "type": "photorealistic cinematic sea-freight scene",
    "elements": [
      "large commercial container ship",
      "stacked shipping containers",
      "ocean or harbour water",
      "industrial port",
      "distant cranes",
      "realistic water reflections"
    ],
    "lighting": "golden-hour or sunset lighting with deep blue sky blending into warm sunlight",
    "brightness": "bright enough to show details clearly, not overly dark",
    "branding_rule": "do not place logos, branding, or fake text on ship or containers"
  },
  "navigation": {
    "position": "top of hero",
    "menu": ["Home", "About Us", "Services", "Industries", "Careers"],
    "active_item": {
      "label": "Home",
      "style": "white text with a short thin red underline, not inside a filled button"
    },
    "actions": [
      {
        "label": "Track Shipment →",
        "style": "transparent or dark button with thin white outline"
      },
      {
        "label": "Get a Quote →",
        "style": "solid bright red primary button"
      }
    ]
  },
  "hero_content": {
    "alignment": "center",
    "headline": {
      "text": "Global Shipping.\nMade Simple.",
      "lines": 2,
      "style": "large bold Satoshi",
      "colors": {
        "Global": "white",
        "Shipping.": "red",
        "Made Simple.": "white"
      }
    },
    "description": "Reliable sea freight solutions.",
    "cta_row": [
      {
        "label": "Get a Quote →",
        "style": "solid red background with white text"
      },
      {
        "label": "Our Services →",
        "style": "transparent background with thin white outline"
      }
    ],
    "cta_rules": [
      "center both buttons below the description",
      "same height",
      "clean rounded corners"
    ],
    "no_eyebrow_text": true
  },
  "image_composition": {
    "ship_position": "mainly lower-middle or background area",
    "focus": "ship remains a major visual element but does not compete with the centered headline",
    "text_readability": "leave enough clean sky behind the text"
  },
  "statistics": {
    "position": "anchored near the bottom of the hero",
    "container": "subtle dark translucent panel with rounded corners",
    "layout": "three evenly spaced columns with thin vertical dividers",
    "items": [
      {
        "value": "25+",
        "label": "Years of Expertise"
      },
      {
        "value": "1.2M+",
        "label": "Shipments Delivered"
      },
      {
        "value": "180+",
        "label": "Countries Served"
      }
    ],
    "style": {
      "numbers": "large, bold, white",
      "labels": "smaller text",
      "icons": "optional minimal outline icons"
    },
    "rule": "statistics should feel prominent but not overpower the hero"
  },
  "exclude": [
    "scroll down to explore",
    "slider controls",
    "page numbers",
    "logos on ship",
    "People Goods Possibilities",
    "Oceans Connect Opportunities",
    "extra copy",
    "excessive red",
    "excessively dark photography"
}