Text to Image

Magical Sleep Website Mockup — AI Image Prompt

Generates a highly detailed website landing page mockup featuring a surreal hero image and structured UI elements. - AIPinMaker

GPT Image 2PosterText to Image
Magical Sleep Website Mockup
Text to Image

Prompt

{
  "type": "website landing page mockup",
  "theme": "magical realism, cozy night, fantasy",
  "color_palette": ["deep navy blue", "warm gold", "glowing amber"],
  "header": {
    "logo": "{argument name=\"brand name\" default=\"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": "{argument name=\"main headline\" default=\"本を読む前に、その世界で眠る。\"}",
      "subheadline": "{argument name=\"subheadline\" default=\"まだ開いていない一冊の空気、温度、感情、風景を睡眠体験として先取りする読書前ナイトキルト。\"}",
      "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": "{argument name=\"magical element\" default=\"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"
      }
    }
  }
}

Prompt breakdown

Subject
website landing page mockup for BiblioSleep showing young woman sleeping under dark blue quilt with five miniature glowing fantasy scenes emerging from its folds
Style
magical realism, cozy night, fantasy using deep navy blue, warm gold, and glowing amber palette
Lighting
warm bedside lamp combined with volumetric glowing clouds, miniature lights, and floating sparkles from the quilt constellations
Composition
split hero layout with left text panel containing headline, subheadline, two gold-accented buttons and three feature icons, right panel focused on the bed and quilt with golden laurel wreath badge in bottom right corner
Mood
cozy and enchanting, blending peaceful sleep with emerging miniature book worlds

Remix ideas

  • Change the five quilt scenes to a dragon's lair, floating airship, underwater library, desert caravan, and clockwork city while keeping the constellation line style
  • Swap the navigation labels to English equivalents while retaining the crescent moon and open book logo icon
  • Increase the number of floating sparkles around the sailing ship and domed palace for stronger focal emphasis on those two miniature scenes

Reference images

Magical Sleep Website Mockup reference
Text to Image

How to use this AI Image prompt template

  1. AiVideo Maker stepOne1
    Copy the prompt — grab this template’s prompt and negative prompt.
  2. iVideo Maker stepTwo2
    Pick a model — choose a recommended AI model for the best match.
  3. AiVideo Maker stepThree3
    Generate — open the studio with one click and create your result.

Related templates

AI Inspiration Gallery Grid
GPT Image 2

AI Inspiration Gallery Grid

Goal: Create a clean mobile-style inspiration gallery screen showing four rounded image cards in a 2-column grid, like a GPT Image 2 prompt inspiration website. The overall feeling should be glossy, creative, trend-focused, and suitable for showcasing different AI image prompt examples. Canvas: Vertical smartphone screenshot aspect ratio, white background, soft margins, rounded card corners, no visible browser chrome. At the very top, include a very subtle pale beige pill-shaped header area with tiny centered uppercase text reading “LIVE · LOVE · LICENSE” or similarly faint decorative navigation text. Layout: Use exactly 4 visible cards arranged in a 2-by-2 grid with narrow white gutters and large rounded corners. The bottom edge may crop slightly as if the page continues below. Each card should have a different visual style and subject. Card count and descriptions: 1. Top-left card: A cyberpunk Japanese street-poster fashion portrait of a young woman with long dark hair (main character). She poses in front of a dense Tokyo grunge poster wall filled with large red Japanese brush lettering, warning labels, barcode graphics, graffiti tags, black-red-turquoise accents, and sticker-like typography. Outfit: oversized pale satin bomber jacket worn off one shoulder, black graphic tank top, denim jeans, metal chain belt, necklace, bracelets, one hand lifted to her head. Include readable English fragments such as “TOKYO,” “DANGER,” and “WORLDWIDE,” plus vertical Japanese-style text strips. 2. Top-right card: A magical hologram scene in warm peach-pink light. Two hands hold a glossy black social-media profile card or smartphone card labeled Aigirl (profile name). From the card rises a full-body translucent holographic woman in a flowing pale blue off-shoulder gown, standing in a column of sparkling light. Add small profile thumbnails, UI icons, follower-like numbers, faint city imagery, drifting petals, bokeh, and cinematic lens glow. 3. Bottom-left card: A loose fashion illustration/sketch portrait of a young woman with messy dark shoulder-length hair (sketch subject) on a white paper background. Style: expressive black pencil lines, watercolor blushes, pink-purple highlights, imperfect ink splatters, hearts, stars, handwritten motivational doodles. Outfit: black lace camisole with a pale pink cardigan slipping from the shoulders. Include small handwritten English phrases such as “You got this,” “LOVE,” “Keep shining,” and “for you.” 4. Bottom-right card: A stylized 3D caricature football figure on a solid vivid red studio background. The player has an oversized head and short body, standing arms crossed in a confident pose. Outfit: bright yellow football kit with blue trim (team kit color), matching yellow socks, white cleats, black captain armband, jersey number 7 visible, polished toy-figurine rendering with realistic fabric and shoes. Visual style: High-resolution polished AI gallery aesthetic, sharp image cards, soft rounded corners, realistic lighting in some cards and illustration style in others. Make the cards look like curated prompt examples from an inspiration website rather than a single unified scene. Constraints: Use exactly four main image cards. Keep the grid clean and evenly spaced. Do not add extra cards, watermarks, captions outside the cards, or heavy interface controls. Faces may be softly obscured or simplified, but the pose, clothing, card composition, and style differences must remain clear.38:Te1d,Goal: Create a clean mobil

instagramflat-designblog-hero
Text to Image
Calligraphic Dreamy Risograph Poster
GPT Image 2

Calligraphic Dreamy Risograph Poster

Create a social-media image of Calligraphic Dreamy Risograph Poster. Style: photorealistic. Composition: balanced and well-framed. Lighting: natural with cinematic mood. Category: poster. Reference: calligraphic-dreamy-risograph-poster-25381.

dreamyinstagramflat-design
Text to Image
Informative Climate Change Seminar Poster
Seedream 4.5

Informative Climate Change Seminar Poster

An informative and engaging poster for a public seminar on climate change. The poster is designed as a mini-infographic, with a large, central graphic showing the earth with a thermometer, and smaller icons and data points around it explaining the causes and effects. The design is clean, organized, and aims to educate the viewer quickly and effectively. –ar 3:4

pptflat-designblog-hero
Text to Image
Japanese AI Creator Studio Banner
GPT Image 2

Japanese AI Creator Studio Banner

Create a polished Japanese promotional website hero banner for an AI creator community, in a clean modern tech-advertising style with a soft pastel blue, lavender, pink, and white palette. Wide 16:9 composition. On the left, place a gradient triangular abstract logo and the Japanese brand name AIクリエイターズ・スタジオ (brand name) at the top, followed by a thin horizontal divider line with a small sparkle in the middle. Below that, a very large bold Japanese headline in 2 lines: first line in dark navy, 「AIで、もっと自由に」, second line in large gradient letters from cyan to purple to pink, 「創る・学ぶ・つながる」. Under the headline, add a short Japanese subheadline with sparkle marks, 「AIを使ったクリエイティブの可能性を広げるメンバーシップコミュニティ」. On the right half, create a collage of 6 rounded-rectangle visual cards showing AI-generated creative examples: 1 large dreamy portrait of a woman in profile surrounded by flowers and butterflies in ethereal purple light, 1 small cyberpunk city nightscape with a lone figure, 1 small close-up portrait of a fluffy cat, 1 small luxury cosmetic bottle labeled “AI STUDIO”, 1 small bright seascape or flower-field landscape with a woman in white, and 1 large tablet drawing device on a desk with a stylus, plus a coffee mug and plant nearby. Add a circular gradient badge overlapping the right side with bold white Japanese text 一緒に創造の未来をつくろう! (badge text). Across the lower middle, place a translucent white rounded feature panel containing exactly 5 equal columns with thin separators and pastel line icons. Each column has an icon, a bold Japanese title, and a smaller 2-line description. The 5 titles are: 「限定コンテンツ」, 「実践プロンプト&テンプレート」, 「メンバー限定コミュニティ」, 「最新情報をいち早くお届け」, 「メンバー限定特典」. Use fitting icons for book, monitor, chat bubble, light bulb, and gift. Add concise Japanese descriptions beneath each title. At the very bottom, add a dark navy footer strip with a large Japanese call-to-action sentence in white and pink-purple gradient accent text, AIを味方に、あなたの『創りたい』をカタチに。さあ、一緒に創ろう! (footer text). Overall look: premium startup landing page, glossy soft lighting, subtle sparkles, glassmorphism panels, clean typography, Japanese text rendered accurately, highly legible, visually balanced, professional social media thumbnail quality.3a:Ta71,Create a polished Japanese promotional website hero banner for an AI creator community, in a clean modern tech-advertising style with a soft pastel blue, lavender, pink, and white palette. Wide 16:9 composition. On the left, place a gradient triangular abstract logo and the Japanese brand name AIクリエイターズ・スタジオ (brand name)

ad-bannerflat-designblog-hero
Text to Image
Infographic Travel Guide Poster
GPT Image 2

Infographic Travel Guide Poster

Create a social-media image of Infographic Travel Guide Poster. Style: photorealistic. Composition: balanced and well-framed. Lighting: natural with cinematic mood. Category: poster. Reference: infographic-travel-guide-poster-17037.

blog-heroflat-designwide-angle
Text to Image
Neobrutalist webpage generation prompt
Nano Banana 2

Neobrutalist webpage generation prompt

Make a neobrutalist webpage, make it extremely creative, as far as possible, push the limits. Add smooth scroll animations, add fancy colors and tailwind css styles. Make it responsive. title of the page is dorksense

brutalistflat-designblog-hero
Text to Image

Explore more prompts

Browse more AI image and video prompts by category.

FAQ

What specific fantasy scenes are shown emerging from the quilt?
The prompt lists exactly five: steam train crossing a stone viaduct, gothic castle, sailing ship on stylized waves, cozy cabin in a pine forest, and domed palace, each surrounded by volumetric glowing clouds and warm miniature lights.
Which Japanese phrase appears in the hero headline?
The main headline reads "本を読む前に、その世界で眠る。" with the subheadline describing the night quilt as a way to preview an unread book's air, temperature, emotions, and landscapes before sleep.