Mockup per sito web di un mistero giapponese
Genera un mockup di landing page responsive per desktop e mobile per un elegante sito di newsletter dedicato a un gioco mystery gotico giapponese.
Istruzione
Obiettivo: Creare un mockup di sito web responsive e curato per una community di giochi mystery/horror giapponesi chiamata 月蝕綺譚, mostrato affiancando una finestra del browser desktop e uno schermo di smartphone.
Canvas: Immagine di presentazione 16:9 su sfondo grigio chiaro. Posizionare un grande mockup di browser desktop a sinistra, occupando circa il 75% della larghezza, e un mockup di smartphone verticale a destra. Utilizzare ombre morbide, angoli del dispositivo arrotondati e una cornice dell'interfaccia realistica.
Stile visivo: Estetica mystery gotico giapponese elegante, sfondi con texture di carta washi color bianco sporco, pannelli blu navy profondo, bordi grigi sottili, accenti rosso spento, tipografia giapponese serif raffinata, linee sottili simili a inchiostro, motivi a mezzaluna, documenti d'archivio, vecchie mappe, immagini di foreste oscure/notturne e una spaziatura web-design premium sobria.
Layout desktop: Una finestra del browser con una barra superiore scura e tre piccoli pulsanti circolari. L'intestazione contiene il logo del titolo del sito 「月蝕綺譚」 a sinistra con un sottile arco a mezzaluna e un sigillo rosso, 4 link di navigazione centrati etichettati 「お知らせ」, 「開発記録」, 「ご意見箱」, 「アーカイブ」 e un pulsante call-to-action blu navy a destra etichettato 「メールで会員になる」. Sotto, creare una sezione hero divisa in un'ampia area immagine scura a sinistra e una scheda di iscrizione a destra. L'immagine hero mostra un cielo notturno nuvoloso con una mezzaluna eclissata luminosa e il titolo verticale 「月蝕綺譚」, con sottili linee orbitali circolari e piccole annotazioni verticali. Sovrapporre un pannello traslucido in stile archivio contenente vecchi documenti giapponesi e 5 piccole schede miniatura; lungo la parte inferiore dell'immagine hero includere esattamente 5 immagini in miniatura orizzontali: un vecchio edificio di notte, un disegno di una stanza simile a un progetto, un dettaglio simbolico oscuro, documenti scritti a mano e una scrivania con mappe/schermi.
Scheda di iscrizione: A destra dell'hero desktop, creare una scheda color crema a forma di biglietto con bordi dentellati, bordo sottile, piccola etichetta rossa 「入会札」, titolo 「メールで会員になる」, un'icona a busta, un breve testo esplicativo, un campo di input email con segnaposto 「メールアドレスを入力」 e un pulsante rosso etichettato 「登録する」 con una freccia rivolta a destra. Aggiungere un piccolo testo in stile informativa sulla privacy sotto.
Contenuto inferiore desktop: Sotto l'hero, posizionare un grande messaggio introduttivo a sinistra con una linea rossa verticale e il titolo 物語の続きを、いちばん近くで。, più un piccolo testo descrittivo grigio. A destra, posizionare esattamente 3 schede articolo in fila. Sezione titolo della scheda 1 「月蝕綺譚 最新便」 con un'immagine della luna, tag rosso NEW, titolo 「大型アップデート『〇〇』を公開しました」, data 2024.05.20. Sezione titolo della scheda 2 「開発記録」 con un'immagine di un taccuino e una penna, titolo 「開発記録 #12：環境演出の調整について」, data 2024.05.18. Sezione titolo della scheda 3 「ご意見箱」 con un'immagine di una cassetta delle lettere scura, titolo 「ご意見・ご感想をお聞かせください」, data 2024.05.16. Ogni scheda ha una piccola freccia rivolta a destra nell'intestazione e righe di anteprima grigie.
Piè di pagina: Piè di pagina blu navy che copre la larghezza del desktop con esattamente 6 link: 「お知らせ」, 「開発記録」, 「ご意見箱」, 「アーカイブ」, 「利用規約」, 「プライバシーポリシー」. Aggiungere un'icona a mezzaluna vicino alla destra e il testo del copyright 「© 2024 月蝕綺譚」.
Layout mobile: Mostrare un'anteprima dello smartphone dello stesso sito. La barra di stato superiore indica 9:41, seguita da un'intestazione compatta con il logo 「月蝕綺譚」 e un'icona del menu hamburger. La pagina mobile si sviluppa verticalmente: immagine della luna dell'hero con titolo, esattamente 5 piccole miniature in una striscia orizzontale, titolo introduttivo 「物語の続きを、いちばん近くで。」, la stessa scheda di iscrizione email in stile biglietto, poi la prima scheda di notizie 「月蝕綺譚 最新便」 con l'immagine della luna e il tag NEW. Assicurarsi che tutti gli elementi sembrino la versione mobile-responsive del layout desktop.
Vincoli: Utilizzare solo testo giapponese dove specificato, mantenere la tipografia nitida e leggibile, evitare sezioni extra oltre a quelle descritte, preservare i conteggi esatti di 4 link di navigazione desktop, 5 miniature hero, 3 schede articolo desktop, 6 link nel piè di pagina e 1 menu hamburger mobile.
Come usare questo prompt
- 1
Copia il prompt completo qui sopra.
- 2
Apri una piattaforma che supporta GPT Image 2, come YouMind, e incolla il prompt.
- 3
Cambia soggetto, stile o dettagli in base alla tua idea, poi genera.
Questo è un prompt IA gratuito della libreria di prompt di YouMind. Esplora altre migliaia di prompt immagine, tutti liberi da copiare e adattare.
Esplora altri prompt immagineAltro da GPT Image 2
Slide sul contesto di ragionamento e sulla cache dei prompt
@炎鎮🔥 - ₿onochin -
Mockup di sito web dedicato a un mistero giapponese
@🍺 イケハヤ@「月蝕綺譚」開発
Icona terminale nuvola angelica
@maria
Pubblicità di uno smartphone futuristico
@Anissa
Sfondo mobile in stile editoriale K-pop Idol
@Simply Ray
Poster minimalista con tipografia lineare scheletrica
@小小东
Tutte le categorie Immagine
01
Casi d’uso
02
Stili
Altre funzioni per prompt
Libreria IA
Ricerca prompt con IA
Lascia che l'IA cerchi tra decine di migliaia di prompt. Filtra per modello, intervallo di date e parole chiave e ordina per interazione: visualizzazioni, preferiti, condivisioni e altro.
Strumenti visivi
Da immagine a prompt
Trasforma qualsiasi foto in un prompt di immagine AI dettagliato. Il convertitore gratuito da immagine a prompt analizza composizione, stile e luce per ricreare ogni look in pochi secondi.
Altre funzioni per prompt
Pensato per i creator. Gratis per sempre.
YouMind è il copilota creativo IA scelto da creator in tutto il mondo. Ogni prompt è curato per aiutarti a creare meglio e più velocemente.