◂ Classroom Materials
Session Two of Two · The Hands-On Session

Build it yourself.

Everything from the second half of class, written out step by step — so you can build at your own pace, in the room or back at the studio.

11 projects
Pick one, build it live
Every prompt
In your studio's branding
Zero code
If you can type, you can build

This is Lovable — the box where you'll paste your prompt. That's the whole trick.

No. 01 Before You Build

Three minutes of setup, once.

Lovable is a tool that turns plain-English descriptions into real, working web pages and apps. No code, no software to install — it runs in your browser. Do these three things and you're ready.

If you did this before class (it was in your email) — wonderful, skip straight to choosing your project.

Your setup checklist — tap to check off
Checks save on this device, so you can come back anytime.
No. 02 How Lovable Works

Describe it. Watch it appear. Refine it.

Every project on this page follows the same four moves. Once you've done them once, you know how to build almost anything.

Move 1

You describe

Paste one of our prompts (or write your own) into the big box and press the arrow. Plain English. No magic words needed.

Move 2

It builds

Lovable “types” for a minute or two — narrating on the left while your page takes shape in a live preview on the right. Just watch.

Move 3

You refine

See something you'd change? Tell it, the way you'd redline a drawing: “make the headline bigger,” “warmer colors,” “add a section for services.”

Move 4

You publish

Click Publish in the top-right corner and Lovable gives you a real link you can text to anyone. Yes, today. Yes, really.

“If you can describe it to a junior designer, you can build it in Lovable.”
No. 03 Your Brand Kit

Built in your brand, from the first prompt.

A page in your studio's colors lands completely differently than a template. Fill this in once — every prompt on this page instantly rewrites itself with your name, your colors, and your feel, so what Lovable builds looks like you from the very first preview.

Don't know your hex colors? Two easy paths: paste your website below and Lovable will match it — or open your logo at imagecolorpicker.com and click the colors to read them.

Your studio's brand — saves on this device
Tap to choose
Tap to choose
✓ Applied — every Copy button on this page now includes your brand.
Skip this and the prompts still work — you'll just personalize in Step 3 instead.
Already built something? Brand it after the fact
Rebrand everything we've built to match my studio. Primary color [primary color], accent color [accent color]. The overall feel should be [the feel]. My website is [your website] — match its typography, colors, and mood. Update every page, and keep all the content exactly as it is.
No. 04 Choose Your Build

Eleven projects, all built for your studio.

Each one takes about 20–35 minutes, start to published link. Every prompt is written out — copy, paste, and make it yours. Click any project for its full walkthrough.

What does your studio need most right now?
★ Adam's pick — start here xi.

The FF&E Assistant

FF&E — Furniture, Fixtures & Equipment — is where design projects drown in paperwork. This build doesn't replace your schedule, your spreadsheet, or your software. It's an AI assistant that sits on top: paste a messy vendor email, a product link, or meeting notes, and watch them become clean entries, risk flags, and client-ready updates.

The wow demo~35 minPaperwork
i.

The Studio Landing Page

Your studio, beautifully online, by the end of the hour — hero, portfolio, services, and a contact form.

Easiest start~20 minNew clients
ii.

The Smart Client Intake Form

Every new inquiry arrives organized — rooms, timeline, investment range — instead of scattered across email.

Easy~25 minClient experience
iii.

The “What's Your Design Style?” Quiz

A playful quiz that tells visitors their style — and quietly hands you their name and email as a warm lead.

Easy~25 minNew clients
iv.

The Project Lookbook

Present concepts like a gallery show — mood images, palette, and materials in a scrolling presentation per project.

Easy~25 minPresentations
v.

The Client Status Portal

“Where are we with the sofa?” answered before they ask — a private page per project showing phase, updates, and next steps.

Ambitious~35 minClient experience
vi.

The Fee & Scope Estimator

An interactive “what would my project cost?” tool that sets expectations early and books the consult for you.

Ambitious~30 minNew clients
vii.

The FF&E Spec Sheet Builder

A working tool for specs — items by room, vendors, pricing, status, and a client-friendly printable view.

Ambitious~35 minPaperwork
viii.

The New-Client Welcome Guide

A five-star onboarding page — your process, communication rhythm, and FAQs — sent the day they sign.

Easy~20 minClient experience
ix.

The Before & After Gallery

Drag-the-handle transformation sliders plus client words — the most persuasive page a studio can own.

Easy~25 minNew clients
x.

The One-Page Proposal Builder

Fill in a form, get a beautiful, shareable, print-ready proposal page — and duplicate it for the next project.

Ambitious~35 minPaperwork
← All projects
Project i

The Studio Landing Page

Easiest start~20 minutesNew clients

A polished one-page website for your studio: hero, about, services, portfolio, testimonials, and a contact form. If you've been “meaning to redo the website” for two years, this is your afternoon.

You'll walk away with: a live link to a real website you built yourself — worth showing clients, or at least worth showing your spouse.
1

Copy your starting prompt

This is the whole first move. Copy it, then paste it into the big box at lovable.dev and press the arrow.

nb.Anything in [brackets] is yours to personalize — swap it before you paste, or paste as-is and change it in Step 3. Both work.
Starting prompt
Create a one-page website for an interior design studio called [Your Studio Name] in [Your City].

Sections from top to bottom: a full-width hero with the studio name, the line "Thoughtful interiors, built around the people who live in them," and a "Start a Project" button; an About section with a short warm paragraph and a portrait photo placeholder; a three-column Services section (Full-Service Design, Renovation & New Build, Furnishing & Styling) each with a two-sentence description; a portfolio grid of six project photos with elegant project names underneath; a testimonials section with two glowing client quotes; and a contact section with a simple form (name, email, message) plus the studio email and phone.

Design style: warm, editorial, and high-end — ivory background, near-black text, one muted brass accent color, elegant serif headlines, clean sans-serif body text, and generous white space. It should feel like a spread in an interiors magazine, not a tech startup.

Use beautiful placeholder interior photography throughout. Make it fully mobile-friendly. No login, no database — just a beautiful page.
2

Press the arrow, then just watch

Lovable will narrate what it's doing on the left while your website assembles itself in the preview on the right. This takes a minute or two. Don't click anything — this is the part where you get to feel smug.

First time? It may ask you to sign in right after you submit — that's normal. Sign in and it picks up where it left off.

3

Make it yours — one change at a time

Now redline it like a drawing set. Type each of these into the same chat box (or your own versions — it understands designer-speak):

Refinement · your palette
Change the accent color to [a color you actually use — e.g. muted olive green] and make the hero headline larger and more dramatic.
Refinement · your words
Rewrite the About section in first person, warmer and more personal: I founded the studio [number] years ago, I believe homes should feel collected rather than decorated, and I work primarily in [your area].
Refinement · one more section
Add a simple "Our Process" section before the testimonials with four steps: Discovery, Design, Procurement, and Reveal — each with one friendly sentence.
4

Publish it

Click Publish in the top-right corner, then Publish again on the confirmation. Lovable gives you a live link ending in .lovable.app — copy it, text it to someone, and enjoy their reaction. You can keep editing after publishing; just publish again to update.

← All projects
Project ii

The Smart Client Intake Form

Easy~25 minutesClient experience

Stop piecing together new-client details from three emails and a voicemail. This form asks every question you wish you'd asked up front — and files the answers in a tidy table only you can see.

You'll walk away with: a link you can put in your Instagram bio and email signature today — and a private page where every inquiry lands, organized.
1

Copy your starting prompt

Copy, paste into the big box at lovable.dev, press the arrow.

nb.Anything in [brackets] is yours to personalize — before or after pasting. Both work.
Starting prompt
Create a client intake form for my interior design studio, [Your Studio Name].

It's one elegant page with a warm welcome line at the top — "We can't wait to hear about your project" — and a form with these fields: full name; email; phone; project address (town and state); type of home (dropdown: single-family, condo or apartment, townhouse, second home); which spaces need work (checkboxes: kitchen, primary suite, living room, dining room, home office, bath, outdoor, whole home); project type (dropdown: full renovation, refresh and redecorate, new construction, furnishing only); ideal timeline (dropdown: as soon as possible, 1–3 months, 3–6 months, 6+ months, just exploring); investment range (dropdown: under $25k, $25–75k, $75–150k, $150k+, not sure yet); how did you hear about us; and a large text area labeled "Tell us about your project — and how you'd like your home to feel."

When someone submits, show a warm thank-you screen saying we'll be in touch within two business days. Save every submission, and give me a private page at /submissions that lists them in a neat table, newest first.

Design style: warm, editorial, and high-end — ivory background, near-black text, one muted accent color, serif headlines, clean sans-serif body. Calm and unintimidating, like the first page of a lovely questionnaire. Fully mobile-friendly.
2

Press the arrow, then just watch

Because this form saves submissions, Lovable may ask to enable its built-in storage (it calls this Lovable Cloud) — click allow / enable when it asks. That's what gives you the private /submissions page.

Build time is a bit longer here — two to three minutes. Worth it.

3

Make it yours — one change at a time

Refinement · your questions
Change the investment ranges to match how I actually quote: [your real ranges]. Also add a question: "Do you own the home or are you under contract?"
Refinement · your tone
Soften all the labels so they sound like me — warm and conversational, not like a government form. For example "Which spaces are we dreaming about?" instead of "Which spaces need work."
Refinement · test it
Add a subtle note under the submit button: "Your answers stay private — we never share your information." Then show me the /submissions page so I can check that my test entry saved.

Now submit a test entry yourself in the preview, and confirm it appears at /submissions. That moment — seeing your own tool catch its first entry — is the whole class in one feeling.

4

Publish it

Click Publish top-right. Put the live link in your email signature: “Starting a project? Tell us about it here.” Check /submissions on Monday mornings with coffee.

← All projects
Project iii

The “What's Your Design Style?” Quiz

Easy~25 minutesNew clients

People cannot resist a style quiz. This one flatters your visitors, teaches them a little vocabulary, and asks for their email right before the big reveal — turning idle scrollers into a warm lead list.

You'll walk away with: a genuinely fun quiz link for Instagram — and a private list of every person who took it, with their name, email, and style result.
1

Copy your starting prompt

nb.Anything in [brackets] is yours to personalize — before or after pasting.
Starting prompt
Create an interactive quiz called "What's Your Design Style?" for my interior design studio, [Your Studio Name].

Seven questions, shown one at a time with a progress bar and smooth transitions. Each question has four answer cards with an image placeholder and a short label. Questions like: pick the living room you'd rather come home to; choose a color palette; pick a kitchen; your ideal Saturday at home; pick a chair; what matters most in a room (calm, character, function, or wow); pick a hotel lobby.

There are four possible results — Classic & Collected, Warm Modern, Coastal & Light, and Bold & Eclectic. Each result page shows the style name, a flattering two-sentence description, three signature elements of that style, and one insider tip from a designer.

Right before revealing the result, ask for first name and email with the line "Where should we send your full style profile?" Save every entry, and give me a private page at /leads listing name, email, and their result, newest first.

End the result page with a button: "Book a consultation with [Your Studio Name]" linking to [your email or booking link].

Design style: editorial and fun — ivory background, serif headlines, one confident accent color, beautiful spacing. Like a quiz in a glossy shelter magazine. Fully mobile-friendly, since most people will take this on their phone.
2

Press the arrow, then just watch

It will ask to enable storage (for the /leads page) — click allow. Then watch it build the whole quiz flow: questions, progress bar, results.

Take the quiz yourself in the preview when it's done. Be honest. You're allowed to get Bold & Eclectic.

3

Make it yours — one change at a time

Refinement · your voice
Rewrite the four result descriptions in my voice — knowledgeable but playful, like a designer friend explaining your style over a glass of wine. Never condescending.
Refinement · your styles
Rename the four styles to the words I actually use with clients: [your four style names]. Update the descriptions to match.
Refinement · shareability
Add a "Share your result" moment on the result page — a pretty result card with the style name, and a button that copies the quiz link to share with a friend.
4

Publish it

Click Publish top-right, and put the link in your Instagram bio with “What's your design style? Take the 60-second quiz.” Then watch /leads fill up.

← All projects
Project iv

The Project Lookbook

Easy~25 minutesPresentations

Concept presentations deserve better than a PDF attachment. This is a private gallery site — each project gets a scrolling presentation with mood imagery, a palette strip, and materials — that you present from a link.

You'll walk away with: a presentation tool that makes every concept meeting feel like an exhibit opening — and works on the client's iPad without you emailing anything.
1

Copy your starting prompt

nb.Anything in [brackets] is yours to personalize — before or after pasting.
Starting prompt
Create a project lookbook site for my interior design studio, [Your Studio Name].

The home page lists my active projects as large elegant cards — use "Coastal Primary Suite," "Beacon Hill Brownstone," and "Lake House Great Room" as sample projects. Clicking a project opens a full-screen scrolling presentation with: a cover section (project name and a one-sentence design concept); a mood section with a grid of six to eight inspiration image placeholders; a palette strip of five color swatches with poetic names; a materials & finishes row (wood, stone, fabric, metal — image placeholder plus a one-line note each); and a closing "Designer's Notes" section with a short paragraph.

Give me a simple /admin page where I can add a new project, edit its text, swap the swatch colors, and replace images by pasting image URLs — no code. Save everything.

Design style: gallery-like and quiet — the imagery is the star. Off-white background, minimal interface, serif headlines, small refined captions, and lots of breathing room. Smooth scrolling. Beautiful on an iPad in a client meeting.
2

Press the arrow, then just watch

Allow storage when it asks (that's what powers the /admin page). It'll scaffold all three sample projects so the lookbook looks alive immediately.

3

Make it yours — one change at a time

Refinement · a real project
Rename the first sample project to a real project of mine: [project name]. The concept line is: [one sentence about the direction — e.g. "Quiet coastal calm with collected, storied pieces."]
Refinement · your palette
Update that project's palette strip to these five colors: [e.g. warm white, putty, faded sage, aged brass, ink]. Pick tasteful hex values for each and keep the poetic names.
Refinement · presenting
Add discreet previous/next arrows between sections, and a "presentation mode" that hides everything except the content when I'm sharing my screen.
4

Publish it

Click Publish top-right. Next concept meeting, open the link on their iPad and set it in front of them. Watch the difference it makes.

← All projects
Project v

The Client Status Portal

Ambitious~35 minutesClient experience

Half your inbox is some version of “any update?” This portal answers it before it's asked: each client enters their project code and sees exactly where things stand — phase, this week's note, and what you need from them.

You'll walk away with: the single biggest inbox-reducer in this list, and a client experience that feels like a firm three times your size.
1

Copy your starting prompt

nb.Anything in [brackets] is yours to personalize — before or after pasting.
Starting prompt
Create a client project status portal for my interior design studio, [Your Studio Name].

The public page is elegant and minimal: my studio name, the line "Enter your project code to see where things stand," and a single code field. When a client enters their code (like MAPLE24), they see their project page: project name and address; a visual phase timeline (Discovery → Design → Procurement → Installation → Reveal) with the current phase clearly highlighted; a "This Week" update note from me; a small table of key upcoming dates; a "What we need from you" checklist; and a contact card with my email and phone.

Give me a password-protected /admin page where I can: create a project (name, address, code), set its current phase, edit the weekly note, manage the key dates, and check off needs-from-client items. Save everything. Create one sample project with code MAPLE24 so I can try it immediately.

Design style: calm, warm, and reassuring — ivory background, serif headlines, a single accent color, generous spacing. It should feel like good news even when the sofa is late. Fully mobile-friendly, because clients will check this from their phone.
2

Press the arrow, then just watch

Allow storage when asked. This is the most app-like build in the list, so give it a full three minutes. When it finishes, type MAPLE24 into the preview and walk through your sample project as if you were the client.

It will set an admin password during the build — note what it tells you, or just ask it: “What's the admin password and where do I change it?”

3

Make it yours — one change at a time

Refinement · your phases
Rename the phases to match my actual process: [your phase names]. Keep the timeline visual.
Refinement · warmth
Add a small "Recently completed" list under the timeline so clients see momentum, not just what's left. Celebrate finished items with a subtle checkmark animation.
Refinement · a real project
In /admin, help me add my real project: [name, town, a code you'll remember]. Set it to the [phase] phase and write this week's note: [one honest sentence].
4

Publish it

Click Publish top-right. Send each client their code in a one-line email: “Anytime you're curious where things stand: [link], your code is MAPLE24.” Then enjoy the silence.

← All projects
Project vi

The Fee & Scope Estimator

Ambitious~30 minutesNew clients

The budget conversation, moved to before the first call. Visitors pick their rooms and scope, and get an honest investment range — so the people who book consults already know what working with you looks like.

You'll walk away with: a qualification tool that works while you sleep, and fewer first calls that end at “oh — I was thinking more like $5,000.”
1

Copy your starting prompt

nb.The numbers below are placeholders on purpose — you'll set your real ones in Step 3, in one obvious place.
Starting prompt
Create an interactive design investment estimator for my interior design studio, [Your Studio Name].

Visitors walk through four friendly steps, one screen at a time: 1) which spaces (checkbox cards: kitchen, primary suite, living room, dining room, home office, bath, whole home — each with a base design-fee amount); 2) level of work (three cards: Refresh & Restyle, Full Design, Renovation-Level — acting as multipliers); 3) approximate square footage of the spaces (a slider); 4) timeline (radio buttons, doesn't affect price).

Then show a results screen with an estimated investment RANGE (never a single number — show low to high), a gentle breakdown by room, and this note: "Every project is custom — this is a starting point for our conversation, not a quote." End with a "Book a consultation" button linking to [your email or booking link], and an optional email field: "Want this estimate in your inbox?" Save any emails to a private /leads page.

VERY IMPORTANT: put all the pricing numbers (base amounts and multipliers) in one clearly-marked, easy-to-edit place, and show me where it is — I will be tuning these.

Design style: warm, editorial, and high-end — ivory, serif headlines, one accent color, calm spacing. Money conversations should feel this graceful. Fully mobile-friendly.
2

Press the arrow, then just watch

Allow storage when it asks (for the /leads page). When it's done, walk through the estimator yourself in the preview and sanity-check the ranges it shows.

3

Make it yours — the numbers are the product

Refinement · your pricing
Here are my real numbers. Base design fees: kitchen [$X], primary suite [$X], living room [$X], dining room [$X], home office [$X], bath [$X], whole home [$X]. Multipliers: Refresh 1x, Full Design [e.g. 1.6x], Renovation-Level [e.g. 2.2x]. Update the estimator and show me a sample calculation so I can verify it.
Refinement · set the floor
Add a tasteful minimum-engagement note to the results screen: "Our projects typically begin at [$X]." Only show it when the estimate falls below that number.
Refinement · tone check
Read every line of copy on the results screen and make it 20% warmer — confident and generous, never apologetic about pricing.
4

Publish it

Click Publish top-right. Link it from your site as “Plan your investment.” The consults you get after this will start on second base.

← All projects
Project vii

The FF&E Spec Sheet Builder

Ambitious~35 minutesPaperwork

The spreadsheet you've been fighting, rebuilt as a tool that actually fits the work: items grouped by room, vendor and lead-time at a glance, status you can update from your phone at the Design Center, and a client-friendly view that hides your numbers.

You'll walk away with: a working spec tool with your first real project in it — and the realization that you can build tools shaped exactly like your process.
1

Copy your starting prompt

nb.Anything in [brackets] is yours to personalize — before or after pasting.
Starting prompt
Create an FF&E specification tool for my interior design studio, [Your Studio Name]. This is a private working tool for me, not a public site.

I can create projects, and within each project add items with these fields: room (dropdown I can extend), item type (seating, tables, lighting, rugs, textiles, art, accessories, plumbing, tile, hardware), product name, vendor, SKU or model number, dimensions, finish/fabric, quantity, unit price, extended price (auto-calculated), lead time in weeks, status (dropdown: Proposed, Client Approved, Ordered, Received, Installed — each with its own color chip), a link to the product page, an image URL that displays as a thumbnail, and notes.

Show each project's items grouped by room in a clean table, with a subtotal per room and a project total. Let me filter by status and by room, and sort by lead time so I can see what to order first. Include a "Client View" toggle that produces a beautiful, price-hidden version I can share or print for the client.

Save everything. Create one sample project ("Maple Street Residence") with six sample items across three rooms so I can see it working immediately.

Design style: crisp and organized but still elegant — this is the world's most beautiful spreadsheet. Off-white background, refined typography, generous row spacing, subtle status colors. Usable on my phone in a showroom.
2

Press the arrow, then just watch

Allow storage when it asks — this tool is all about saving your data. Give it three minutes, then poke around the sample project it created.

3

Make it yours — one change at a time

Refinement · your fields
Add a "markup %" field on each item that's only visible to me (never in Client View), and show both my cost total and the client-facing total per project.
Refinement · order flow
Add a "Needs attention" section at the top of each project that automatically lists items that are Client Approved but not yet Ordered, and items whose lead time means I should order them this week.
Refinement · real data
Help me add my real project now: [project name]. First item: [room], [item type], [product], [vendor], [price], [lead time]. Walk me through it once, then I'll do the rest.
4

Publish it (privately)

Click Publish top-right. Bookmark the link on your phone and laptop — this one is for you, not for marketing. Ask Lovable to “add a simple password so only I can open it” if you'd like a lock on the door.

← All projects
Project viii

The New-Client Welcome Guide

Easy~20 minutesClient experience

The day a client signs is the day they're most excited — and most anxious. This beautiful “what happens next” page answers every question before it becomes a Tuesday-night email, and makes your studio feel wonderfully together.

You'll walk away with: a link you send with every signed agreement, that upgrades your onboarding from “we'll be in touch!” to boutique-hotel welcome book.
1

Copy your starting prompt

nb.Anything in [brackets] is yours to personalize — before or after pasting.
Starting prompt
Create a new-client welcome guide for my interior design studio, [Your Studio Name] — one beautiful scrolling page I send to clients the day they sign.

Sections from top to bottom: a warm welcome letter ("We're so glad you're here — here's exactly what happens next"); "Our Process" as six elegant numbered steps (Discovery, Design Concept, Design Development, Proposal & Procurement, Installation, The Reveal) — each with what happens, roughly how long it takes, and what we'll need from you; "How We Communicate" (we send a project update every [Friday]; the best way to reach us is [email]; we respond within [one business day]; design decisions are confirmed in writing so nothing gets lost); "A Few House Rules, Lovingly" (a warm, honest list — e.g. trust the process during the messy middle, decisions stick once ordered, lead times are real); an FAQ accordion with six common questions (Can I shop alongside you? What if I don't like something? How do payments work? Can we phase the project? What about existing pieces? When can I tell people?); and a closing section with my photo placeholder, a warm sign-off, and contact details.

Design style: warm, editorial, and high-end — ivory, serif headlines, one accent color, generous space. It should read like the welcome book at a boutique hotel. Fully mobile-friendly. No forms, no login — just a beautiful page.
2

Press the arrow, then just watch

This one builds fast — under two minutes, no storage needed. Read it top to bottom in the preview when it lands; you'll already be editing sentences in your head. Good. That's Step 3.

3

Make it yours — one change at a time

Refinement · your process
Rewrite the six process steps to match how I actually work: [list your real steps and rough durations]. Keep the warm tone.
Refinement · your answers
Rewrite the FAQ answers with my real policies: [paste or describe them — payments, returns, phasing]. Honest and kind, no legalese.
Refinement · the letter
Rewrite the welcome letter so it sounds like me: [two or three sentences about how you actually talk to clients — e.g. warm, a little funny, allergic to jargon]. Sign it from [your first name].
4

Publish it

Click Publish top-right. Add the link to your signed-agreement email template tonight. Every client from now on starts their project feeling taken care of.

← All projects
Project ix

The Before & After Gallery

Easy~25 minutesNew clients

Nothing sells design like the drag of a before/after slider. This page pairs interactive transformation sliders with the client's own words — the most persuasive thing a studio can put on the internet.

You'll walk away with: a portfolio page people actually play with — and screenshot, and send to their spouse with “we need her.”
1

Copy your starting prompt

nb.Anything in [brackets] is yours to personalize — before or after pasting.
Starting prompt
Create a before-and-after portfolio gallery for my interior design studio, [Your Studio Name].

A short elegant hero ("Every home has a next chapter"), then a grid of transformation cards. Each transformation opens to show: an interactive before/after image slider with a draggable handle (before on the left, after on the right — use placeholder images clearly labeled BEFORE and AFTER for now); the project title and town; a one-paragraph story of the transformation (what the family needed, what we changed, the moment it clicked); and a pull-quote testimonial from the client with their first name.

Include four sample transformations (a kitchen, a primary suite, a living room, a whole-home refresh) with placeholder content so the page feels complete. Add filter buttons by room type at the top of the grid. End with a full-width closing section: "Imagine your home, transformed" and a "Start the conversation" button linking to [your email].

Design style: warm, editorial, high-end — ivory, serif headlines, restrained accent color. The sliders are the star; keep everything else quiet. Fully mobile-friendly, with the sliders working smoothly by touch.
2

Press the arrow, then just watch

No storage needed — it builds quickly. When the preview lands, drag the sliders. It's very hard to stop. That's the point.

3

Make it yours — one change at a time

Refinement · real photos
I'm going to give you real photos for the first transformation. Here are the image links: BEFORE: [paste image URL] — AFTER: [paste image URL]. (Tip: you can also drag image files straight into the chat.) Update the title to [project name, town].
Refinement · real words
Replace the first testimonial with this real quote from my client: "[paste it]" — [First name], [town]. Keep it as a pull-quote.
Refinement · the story
Rewrite the first transformation story from these notes: [three messy bullet points about what happened]. Make it warm and specific, 90 words, ending on the moment the clients saw it finished.
4

Publish it

Click Publish top-right. This is the link you send when someone asks “can I see your work?” — and the one to pin to your Instagram profile.

← All projects
Project x

The One-Page Proposal Builder

Ambitious~35 minutesPaperwork

Proposal night — every designer knows it. This tool turns a filled-in form into a beautiful, client-facing proposal page with its own private link, and lets you duplicate last month's proposal as this month's starting point.

You'll walk away with: proposal night shortened from three hours to twenty minutes — with a result that looks better than what you were sending before.
1

Copy your starting prompt

nb.Anything in [brackets] is yours to personalize — before or after pasting.
Starting prompt
Create a proposal builder for my interior design studio, [Your Studio Name]. This is a private tool for me that produces beautiful client-facing proposal pages.

The private /create page has a form: client name(s); project address; a project summary paragraph; scope of work as addable line items (each with a title, a two-line description, and a fee); timeline phases as addable rows (phase name plus start and end month); the investment total (auto-summed from the scope items); payment schedule (editable default: 50% to begin, 40% at procurement, 10% at installation); and a terms section pre-filled with sensible, editable defaults (validity 30 days, what's included and excluded, how changes are handled).

Generating creates a client-facing proposal page at its own unique link, laid out like an editorial document: my studio name at top (logo placeholder), "Prepared for [client]" with the date, then the summary, scope, timeline as a simple visual, investment, payment schedule, and terms — ending with a warm closing line and an "Accept & Begin" button that emails me at [your email]. It must print beautifully so clients can save it as a PDF.

Save every proposal in a list at /proposals where I can view, edit, or duplicate one as the starting point for a new client.

Design style: warm, editorial, and high-end — ivory, serif headlines, one accent color, refined spacing. It should feel like a document from a firm they'd trust with their home. Create one complete sample proposal so I can see the finished result immediately.
2

Press the arrow, then just watch

Allow storage when it asks. This is the most complete tool in the list — let it take its three minutes, then open the sample proposal it made and hit print preview to see the PDF-ready version.

3

Make it yours — one change at a time

Refinement · your terms
Replace the default terms with my real ones: [paste your standard terms, or describe them plainly]. Keep the language warm but unambiguous.
Refinement · your structure
Change the payment schedule default to how I actually bill: [your schedule]. Also add an optional "Investment by phase" toggle on the proposal page for larger projects.
Refinement · a real one
Help me draft a real proposal now for [client name], [project address]. The scope is roughly: [three messy bullets]. Draft the summary paragraph and scope descriptions for me in a warm, confident voice — I'll edit from there.
4

Publish it

Click Publish top-right. Next proposal you owe someone: build it here, send the link, and follow up with “let me know if you'd like the PDF.” They won't need the PDF.

← All projects
Project xi · Adam's pick

The FF&E Assistant

The wow demo~35 minutesPaperwork

FF&E runs on scattered product links, vendor email threads, messy meeting notes, and a schedule that's always slightly out of date. Keep whatever you use today — the spreadsheet, Programa, Studio Designer, all of it. This build is an assistant that sits on top of your current process: it reads the mess and hands back clean schedule entries, lead-time flags, drafted replies, and client-ready updates. The promise in one line: keep your current tools, add an assistant that helps you work faster.

You'll walk away with: a working demo of an AI assistant layer for your FF&E process — plus a 60-second script for showing it to your studio. (Want a tracker or database instead? That's project vii.)
1

Copy your starting prompt

Copy, paste into the big box at lovable.dev, press the arrow. This is the longest prompt on this page — it describes a complete product, and that's exactly why the result is so convincing.

nb.Filled in your Brand Kit above? Your studio name and branding are already baked into this prompt. Anything else in [brackets] you can swap now or in Step 3.
Starting prompt
Build a polished demo app called "FF&E Assistant" for my interior design studio, [Your Studio Name]. FF&E means Furniture, Fixtures & Equipment. IMPORTANT POSITIONING: this is not a replacement for Programa, Studio Designer, Houzz Pro, or my spreadsheets — it is a companion assistant that sits on top of my current workflow and shows how an AI layer removes tedious work. The core promise: "Keep your current tools. Add an assistant that helps you work faster."

The assistant helps by: 1) turning messy product information into clean FF&E entries, 2) summarizing vendor emails and notes, 3) highlighting missing information and lead-time risks, 4) drafting status updates and client-ready summaries, 5) suggesting next actions — without changing my existing process. It should feel like a smart studio assistant, never a heavy enterprise procurement platform.

Pages, with a simple left sidebar (Overview, FF&E Schedule, Vendor Emails, Meeting Notes, Client Updates, Integrations):

1. LANDING PAGE — clean and premium, a headline about AI assistance for FF&E workflows, a short line that it works alongside my current schedule and process, and a button: "Open Demo Workspace."

2. OVERVIEW DASHBOARD — a sample project called "Hudson House Residence." Top stats cards: total items, missing specs, items at lead-time risk, vendor emails needing review. Below, a "Today's assistant suggestions" panel with 4–6 recommended actions such as "Confirm finish for dining chairs before client review," "Lead time risk detected for pendant in primary bedroom," "Vendor email mentions partial shipment but schedule is not updated," and "Missing dimensions for custom banquette."

3. FF&E SCHEDULE — a table of items with columns: item name, room, vendor, finish, qty, unit cost, lead time, status, and AI flags. Filters by room, vendor, status, and flagged. Clicking an item opens a right-side drawer with a product summary, missing fields, AI-generated notes, a suggested next action, and a "Generate client update" button. Above the table, a button called "Paste product link or notes" opens a modal where I paste a URL or raw text — the app simulates AI extraction by turning it into a structured FF&E entry preview.

4. VENDOR EMAILS — a list of mock vendor emails showing subject, vendor, date, and category (quote, backorder, ship notice, finish confirmation). Clicking one shows the original email, an AI summary, extracted facts, risks or missing confirmations, and a suggested reply draft — with actions: "Create task," "Update item status," "Draft reply."

5. MEETING NOTES — a page where I paste messy meeting notes or site notes, and the app simulates AI turning them into action items, schedule updates, questions needing vendor follow-up, and a client-facing summary. Show the before and after side by side so the transformation is obvious.

6. CLIENT UPDATES — I pick a room or vendor and it generates a concise, polished, non-technical progress summary with sections: what is approved, what is pending, what changed, what needs attention. Include copy and export buttons.

7. INTEGRATIONS — lightweight mock cards only (spreadsheet import/export, email sync, vendor links, PDF spec sheets, export to my existing FF&E platform), with language like "Works with your current process" and "No rip-and-replace required."

Rules: this is a demonstration of AI assistance with mock data only — no purchasing workflows, invoicing, logins, or ERP behavior. Create realistic mock data: 20 FF&E items across 4 rooms, 8 vendor emails, 3 sets of messy meeting notes, and 3 generated client updates. Each item has: name, room, category, vendor, SKU, dimensions, finish, quantity, unit cost, lead time, status, notes, AI flags, and missing fields. Keep everything editable in the UI. Make the assistant feel proactive through panels, flags, and drafts — not a chatbot.

Design style: premium, minimal, and calm — warm neutrals, soft contrast, tasteful accents, clean typography, spacious cards, subtle shadows, and polished tables. It should feel like a refined studio operations tool for interior designers, never a techy dashboard. No neon AI gradients.

Build approach: start by writing a short product spec for this app as a numbered list, then build the landing page and dashboard first, then the FF&E Schedule page, then the rest.
2

Press the arrow, then just watch

This build starts differently, on purpose: Lovable will first write a short numbered product spec — read it, that's your assistant showing you its plan — then build the landing page and dashboard, then the schedule. If it asks to enable storage, click allow. Give the whole thing three or four minutes.

When it lands, go straight to the FF&E Schedule and click "Paste product link or notes." Paste anything — a product URL, a rambling sentence about a sofa — and watch it come back as a structured schedule entry. That's the moment.

3

Make it yours — one change at a time

Lovable works best when you refine one screen or feature at a time, not the whole app at once:

Refinement · the dashboard
Refine the dashboard so it feels more premium and less like a generic SaaS admin app. Use warmer neutrals and more elegant spacing.
Refinement · the schedule table
Improve the FF&E table so interior designers can scan it faster. Increase readability, soften the borders, and make the AI flags feel helpful instead of alarming.
Refinement · the item drawer
Polish the right-side drawer that opens when I click a schedule item: better hierarchy for missing fields, notes, and the suggested next action. And make the landing page messaging even more focused on "works with your current process" — it should never read like a pitch to replace my existing tools.
4

Publish it — then give the 60-second demo

Click Publish top-right and send the link to a colleague. Then show it the way it deserves to be shown, in this order: one, open a messy vendor email and let them watch it become a clean summary with a suggested action. Two, paste a product link into the schedule and let it turn into a structured entry. Three, paste rambling meeting notes and show the action items and client-ready summary come out the other side. Four, end on the Integrations page and say the line: “Keep what you use — add intelligence on top.”

No. 05 The Three Rules

How to talk to it — the short version.

Everything we teach about prompting fits in three rules. They work in Lovable, ChatGPT, Claude — everywhere.

i.

Brief it like a junior designer

Not magic words — context. Who it's for, how it should feel, what goes in it, what to avoid. The prompts on this page are just very good briefs. Steal their structure for everything.

ii.

One change at a time

“Make the headline bigger” then “now warmer colors” beats a paragraph of six changes. Small moves, fast feedback — exactly like walking a painter through a wall color.

iii.

You cannot break it

Every version is saved. If a change goes sideways, say “undo that” or open the History panel and restore any earlier version. Experiment with total confidence.

No. 06 If You Get Stuck

Every fix is a sentence away.

The four moments that happen to everyone — and exactly what to do in each. There is no fifth moment.

“It shows an error”

Sometimes the build hiccups and an error banner appears in the preview. Lovable almost always offers a “Try to fix” button right on the error — click it. If it happens twice, paste this:

Say this
The preview is showing an error. Please find the cause and fix it, and keep everything else exactly as it was.

“It doesn't look right”

Don't diagnose — describe. Say what you see and what you expected, the way you'd note a punch-list item:

Say this
On the [page/section], the [thing] looks wrong: [what you see — e.g. "the photos overlap the text on my phone"]. I expected [what you wanted]. Please fix just that.

“I liked it better before”

Nothing is ever lost. Say “undo the last change” — or click the History (clock) icon and restore any earlier version with one click. This is why you can experiment freely.

Say this
Undo that last change and take me back to the previous version.

“It's gotten complicated”

Asked for too much in one go? Happens to everyone once. Simplify — you can always add back later:

Say this
This has gotten more complicated than I want. Simplify it back to: [the two or three things that matter]. Remove the rest for now.
Still stuck? Raise a hand in class — or email hello@bostonautomations.com after. We answer.