Un mockup hero per SaaS rifinito che mostra l'interfaccia di uno studio per landing page basato su AI in un ufficio dai toni verde menta e azzurro pastello.
Obiettivo: Creare un'immagine hero quadrata e rifinita per il concept di una landing page SaaS che pubblicizza MINTPAGE, uno studio per landing page basato su AI.
Canvas: Composizione quadrata 1:1, ambientazione ufficio con luce diurna soffusa, palette di colori verde menta pastello e azzurro tenue, estetica tech premium pulita, mockup di prodotto 3D realistico unito a una tipografia editoriale raffinata.
Layout: Centrare la scena attorno a un grande monitor desktop su una scrivania in vetro lucido. In alto, inserire una piccola riga dedicata al brand con un logo circolare simile a una foglia di menta, la parola MINTPAGE, una sottile linea divisoria e il sottotitolo AI LANDING PAGE STUDIO. Sotto, utilizzare un titolo molto grande ed elegante con font serif in blu scuro: PERCHÉ LA MAGGIOR PARTE DELLE PAGINE AI SEMBRA GENERICA?. Sotto il titolo, posizionare esattamente 4 piccoli badge delle funzionalità in una riga con icone delicate color menta ed etichette: 1) AI-Powered, 2) React + Tailwind, 3) Production Ready, 4) Built to Convert.
Soggetto principale: Il monitor mostra un'interfaccia pulita di web-app builder per la creazione di landing page. L'interfaccia deve avere una barra di navigazione superiore e uno spazio di lavoro diviso. A sinistra, mostrare un flusso di configurazione verticale con esattamente 4 passaggi numerati: 1) Context — Definisci la tua idea, 2) Style — Direzione visiva, 3) Design — L'AI genera il layout, 4) Code — Esporta codice pronto per la produzione. Nel pannello centrale, mostrare il titolo “From Idea to Code. Instantly.” con “Code. Instantly.” in stile corsivo color menta, seguito da campi modulo come Business Name, Target Audience e Core Mission. Nel pannello di destra, mostrare un editor di codice intitolato “Live Environment” con codice leggibile ma piccolo in stile React/Tailwind e un breve frammento di testo renderizzato che dice “Landing pages that look iconic. Built to convert.”
Oggetti in primo piano: Sul lato sinistro della scrivania, posizionare una targa da scrivania in acrilico traslucido con il logo circolare e il testo “MINTPAGE” e “AI LANDING PAGE STUDIO.” Sotto o accanto ad essa, impilare esattamente 3 libri sottili con etichette visibili sul dorso: 1) BUILT FOR CONVERSION, 2) REACT + TAILWIND + AI, 3) DESIGN SYSTEMS THAT SCALE. Davanti al monitor, posizionare una tastiera bianca sottile. Sul lato destro, posizionare una piccola scheda di stato fluttuante traslucida intitolata “PROJECT STATUS” che elenca esattamente 5 elementi spuntati: 1) Live Environment, 2) Context Defined, 3) Style Generated, 4) Design Created, 5) Code Exported. Includere anche un portapenne a coste azzurro tenue con esattamente 4 strumenti di scrittura e un mouse bianco.
Ambiente: Ufficio moderno minimalista con scaffali e piante a fuoco sfocato sullo sfondo, grande finestra con illuminazione proveniente da destra, riflessi sottili sulla scrivania in vetro, profondità di campo delicata, nessuna persona.
Stile visivo: Grafica di lancio per startup premium, illuminazione volumetrica soffusa, fotografia di prodotto realistica, overlay in glassmorphism, accenti verde menta, tipografia serif blu scuro, dettagli dell'interfaccia nitidi, atmosfera da studio di alto livello e calma.
Vincoli: Utilizzare esattamente gli elementi elencati sopra, mantenere l'immagine ordinata, rendere il titolo il testo più prominente, evitare loghi extra, filigrane o testo non correlato.