<aside> ⚡
1. Claude Code - codes the first draft of your site
claude.ai/claude-code - select the Fable 5 model (free for the next 2 weeks for Claude PRO users)
</aside>
<aside> 🟣
2. Limora - turns the generic draft into an on-brand site
This is the part that makes the difference. Limora generates on-brand hero images, icons, illustrations, and backgrounds from your brand kit.
</aside>
Open Claude Code, select Fable 5, and paste the prompt below. Fill in the spaces with your company info, then let the AI code the first draft.
You are an expert web designer and front-end developer.
Build a complete, single-page marketing website for the company below.
Use Next.js, Tailwind CSS, and Framer Motion. Make it responsive,
accessible, and production-ready.
COMPANY INFO (fill this in):
- Company name: [YOUR COMPANY NAME]
- What you do: [ONE LINE ON WHAT YOU OFFER]
- Who it's for: [YOUR TARGET CUSTOMER]
- Tone / vibe: [e.g. premium, minimal, bold, playful]
- Primary CTA: [e.g. Book a call, Start free trial]
SECTIONS:
1. Hero - headline, subline, primary CTA, full-width background image
2. Logo / social proof bar
3. Features (3-4 cards, each with an icon)
4. How it works (3 steps)
5. Testimonial
6. Pricing or offer
7. Final CTA
8. Footer - with a custom background image
DESIGN RULES:
- Clean, modern, generous whitespace
- Use clearly-named placeholder image slots I can swap later:
hero-bg, icon-1..4, illustration-1, footer-bg
- Dark-mode friendly
- Smooth scroll animations
Build the first draft now.
<aside> 💡
The draft will look alright - clean layout, real structure - but still generic. That's expected. The magic happens in Step 2.
</aside>
<aside> 🟣
This is the step that changes everything. Open limora.ai and add your brand kit - your logo, colors, and typography. Limora now knows exactly how your brand should look, and every asset it generates will be on-brand automatically.
</aside>
Then generate your assets, one by one:
<aside> 1️⃣
Hero background - Select Bg Image, describe what you want, and adjust the settings. Generate an on-brand hero image for the top of your site. Iterate until it's perfect.
</aside>
<aside> 2️⃣
Icon set - Generate a matching set of icons for your features section, all in your brand style.
</aside>
<aside> 3️⃣
Illustrations - Create custom illustrations that match your colors and tone instead of generic stock art.
</aside>
<aside> 4️⃣
Footer background - Generate a custom background image for your footer to finish the site with a premium feel.
</aside>