Az alábbi képek illusztrációk arról, milyen oldalakat lehet generálni Lovable-lel. A szövegek a mockupokon szándékosan olvashatatlanok, a struktúra és a stílus a lényeg.
Mexikóból, Dubaiból, Magyarországról. 12 éves nyári táborozótól a 70+ éves nyugdíjas könyvíróig. Mind ugyanazzal az eszközzel építették, amit te is megtanulhatsz.
Az első a legegyszerűbb prompt, amit el tudok képzelni. A többi egyre több előkészítést igényel. Mindegyik valódi.
„I need a website for this plan: We have 140 ways of healing you. Interested?"
Egyetlen evokatív mondat. Se stílus, se szín, se funkció. Lett belőle egy meditatív, listás oldal, ami élesben is megáll.
Néha egyetlen mondat elég, ha önmagában már koncepció. A „140" + „ways" + „healing" három olyan szó, ami struktúrát is ad (lista lesz belőle) és érzelmi tónust is. Van olyan címed, ami önmagában történet?
„Modern kávézó landing oldal, meleg burgundi és krém paletta, nagy serif headline, hero fotó latte-vel, foglalási űrlap."
Konkrét stílus + funkció, egy mondatba sűrítve. Pár perc alatt full landing, ami élesben is megáll.
A paletta + tipográfia + egy konkrét funkció hármasa szinte mindig használható első verziót ad. Ha ezt a hármat ki tudod mondani, a Lovable elindul a helyes irányba.
„Sötét fitness tracker dashboard, neon zöld accent, edzések grafikonja, progress ring, oldalsáv navigációval."
Dashboard-jellegű app, nem marketing oldal. Adatbázis-kapcsolat 2 promptban hozzáadható.
A Lovable nem csak landingre jó. Ha dashboard-szókincset használsz (sidebar, progress ring, chart), pontosan azt is kapod. A backend a következő lépés, nem az első.
„Design an interactive, mobile-first personality quiz for kids and teens (ages 7–21) that translates DISC theory into a 'Superpower' framework. Create four core archetypes (D, I, S, C) using strengths-based personas that feel exciting and relatable to each age group. The interface should be intuitive, game-like, and focus on the value of combining different 'superpowers' to build better communities."
Ez már nem egy oldal, hanem egy működő kvíz három korosztálynak. Pszichológiai modell (DISC) lefordítva játékos „szuperképesség" keretrendszerre.
Ha a prompt egy elméleti modellt fordít le egy konkrét közönségre (kor, hangvétel, mechanika), a Lovable nem csak designt ad vissza, hanem logikát is. Mondd ki a célt, a közönséget és a metaforát, ebben a sorrendben.
„Partnerajánló oldal a Future Tour nevű, 50 várost érintő AI roadshow-hoz. Editorial magazin stílus, kontrasztos sárga + mély kék, oversized display tipográfia, statisztikák és timeline, letölthető PDF gombbal a tetején."
Sokszor profibb egy webes link, mint egy PPT vagy PDF mellékletet küldeni. Naprakészen tartható, frissíthető, és nem akad el a postafiókban.
Ajánlatra, projekt-bemutatóra, támogatókereséshez egy egyoldalas web sokszor jobb, mint egy slide deck. A „magazin stílus" + „oversized type" szókincs azonnal komoly, kiadói hangulatot ad.
„Magániskola weboldala. Sötét, premium hangulat, lila + narancs accent, beágyazott YouTube és podcast epizódok telefon mockupban, videó-háttér a hero szekcióban, Instagram reels feed a végén."
Ez nem egy napos munka. Előkészület volt: Google Drive-on alap szövegek, képek a diákokról, közösségi link-tár. Nagyjából 50-70 kredit egy ilyen oldal.
Minél több valódi tartalmad van készen (szöveg, fotó, videó link, podcast embed, social feed), annál jobb lesz az eredmény. A felkészülés értéke itt látszik meg igazán.
„Egyoldalas PDF tájékoztató brosúra egy gimnáziumi programhoz. SAS brand, narancs-pink gradient, nagy letöltés gomb a tetején, három kulcsszám (100%, 7+ év, 40+ sportág) ikonokkal, alatta a részletes program szekciók."
Nem mindig weboldalra van szükség. Iskola bemutatkozó, rendezvény, termék, szolgáltatás, egy letölthető PDF-tájékoztató sokszor pont elég, és ugyanúgy Lovable-lel készíthető.
A Lovable nem csak interaktív appra való. Ha a végeredmény egy nyomtatható vagy letölthető anyag, akkor is megéri itt megtervezni, mert utána a webes verzió is megvan ugyanazzal a designnal.
Nézd meg, hogyan áll a Lovable a Bolt, v0, Replit Agent és Cursor mellett, vagy ugorj fejest a saját első projektedbe.