Magical Sleep Website Mockup

返回灵感广场

1 / 1

Magical Sleep Website Mockup

案列来源：パク🎈動画広告分析Pro × AI

UI 设计稿openai/gpt-image-2#ui design#horizontal 16 9#mockup

6.3w人正在用

4:5推荐比例

2.9w收藏人数

提示词模板

{
  "type": "website landing page mockup",
  "theme": "magical realism, cozy night, fantasy",
  "color_palette": [
    "deep navy blue",
    "warm gold",
    "glowing amber"
  ],
  "header": {
    "logo": "BiblioSleep with crescent moon and open book icon",
    "navigation_links": {
      "count": 6,
      "labels": [
        "コンセプト",
        "体験の仕組み",
        "キルトのこだわり",
        "体験一覧",
        "ユーザーボイス",
        "FAQ"
      ]
    },
    "utilities": {
      "count": 2,
      "icons": [
        "user profile",
        "shopping bag"
      ]
    },
    "cta_button": "今すぐ予約する"
  },
  "hero_section": {
    "left_panel": {
      "headline": "本を読む前に、その世界で眠る。",
      "subheadline": "まだ開いていない一冊の空気、温度、感情、風景を睡眠体験として先取りする読書前ナイトキルト。",
      "buttons": {
        "count": 2,
        "styles": [
          "solid gold with book icon",
          "outlined with open book icon"
        ],
        "labels": [
          "物語に入る >",
          "体験一覧 >"
        ]
      },
      "feature_icons": {
        "count": 3,
        "layout": "horizontal row at the bottom left",
        "items": [
          {
            "icon": "book with mountains and stars",
            "label": "未読本の世界観体験"
          },
          {
            "icon": "crescent moon over waves",
            "label": "安眠チューニング"
          },
          {
            "icon": "open book with sparkles",
            "label": "読書欲が高まる"
          }
        ]
      }
    },
    "right_panel_and_background": {
      "subject": "young woman sleeping peacefully in a bed",
      "environment": "dimly lit cozy bedroom with a window showing distant city lights and a warm bedside lamp",
      "focal_point": "a dark blue quilt covered in glowing golden constellation lines",
      "magical_elements": {
        "description": "miniature glowing fantasy scenes emerging from the folds of the quilt",
        "scene_count": 5,
        "scene_details": [
          "steam train crossing a stone viaduct",
          "gothic castle",
          "sailing ship on stylized waves",
          "cozy cabin in a pine forest",
          "domed palace"
        ],
        "effects": "surrounded by volumetric glowing clouds, warm miniature lights, and floating sparkles"
      },
      "corner_badge": {
        "position": "bottom right",
        "style": "golden laurel wreath",
        "text": "読書体験を拡張するナイトキルト BiblioSleep"
      }
    }
  }
}