Getting Started with Exepad: Build Your First App in 10 Minutes
Getting Started with Exepad: Build Your First App in 10 Minutes
Building a web application used to mean months of planning, a significant budget, and a developer who spoke in jargon. With Exepad, you go from idea to live app in the time it takes to drink your morning coffee.
This guide covers the complete process — from blank page to a published link you can share with anyone.
What Exepad Does — In Plain Terms
You describe what you want. The AI builds it. You refine it. You publish it.
┌──────────────────────────────────────────────────────────────┐
│ │
│ DESCRIBE GENERATE REFINE PUBLISH │
│ │
│ Type a plain → AI creates → You adjust → Live in │
│ description layout, branding, seconds │
│ of your app design & content & on the │
│ content images global web │
│ │
└──────────────────────────────────────────────────────────────┘
No code. No hosting setup. No design degree required.
Before You Begin: Three Things You Need
- A clear idea — "A booking page for my personal training business" is enough
- Brand basics — your business name and a rough idea of your colours
- Core content — a short description of what you do and your contact details
Everything else — layout, fonts, copy, images — the AI handles in the initial generation.
Step 1: Write a Strong Prompt
Open a new project. You will see a text field with a blinking cursor. This is where everything starts.
The quality of your prompt directly shapes the quality of the first generation:
| Prompt quality | Example | What you get |
|---|---|---|
| Minimal | "A business website" | Generic template with no context |
| Good | "A fitness coach website in London" | Relevant layout and tone |
| Excellent | "Personal training site for Sarah Chen, postnatal fitness specialist in East London. Warm and encouraging tone. Need: services page, booking form, client testimonials." | Tailored layout, contextual copy, correct structure |
The formula that works:
[Business type] for [name or context], [what you offer], [who your customers are], [desired tone], [key pages needed].
Pro Tip: Describe Your Audience
The best prompts mention who the site is for, not just what it is.
- "For corporate clients who expect a polished, professional look"
- "For young parents looking for family-friendly activities in their area"
- "For small business owners who are not technical and need something simple"
This context shapes the tone, design choices, and calls-to-action the AI generates.
Step 2: Review the First Generation
Within seconds, a complete site appears. This is your starting point — not the finished product.
Evaluate it at three levels before touching anything:
Structure — Does the page order make sense? (Hero → About → Services → Contact is standard for most businesses.)
Tone — Does the generated copy feel appropriate? Professional or warm? Direct or story-driven?
Design direction — Are the colours and typography broadly right? They do not need to be perfect yet.
Pro tip: If the first generation misses the mark, refine your prompt and regenerate before adjusting anything manually. It takes 10 seconds and often produces something dramatically better.
Step 3: Set Branding — Colours and Fonts
Click Brand Settings to configure your visual identity.
Colours
Exepad builds a full colour system from a single primary choice:
Your primary colour: #2D6A4F (forest green)
│
├── Light variant: #52B788
├── Dark variant: #1B4332
├── Background tint: #F0FFF4
└── Text on primary: #FFFFFF (auto-calculated for contrast)
If you do not have a brand colour yet, pick one from the palette library for your industry. Refine it any time.
Typography
| Style | Heading font | Body font | Works best for |
|---|---|---|---|
| Modern & clean | Inter | Inter | Tech, SaaS, professional services |
| Warm & editorial | Playfair Display | Lato | Food, lifestyle, creative |
| Bold & confident | Montserrat | Open Sans | Fitness, retail, events |
| Authoritative | Merriweather | Source Sans Pro | Finance, law, consulting |
Step 4: Edit Content Directly on the Page
Click any text element to edit it in place — no sidebar, no modal — just click and type.
The Five Sections That Matter Most
Focus your energy in this order:
1. Hero headline The first thing every visitor reads. Answer "what is this and why should I care?" in one line.
❌ "Welcome to our website"
❌ "Sarah Chen — Personal Trainer"
✅ "Postnatal fitness that fits around your new life"
✅ "Get stronger, move better, feel like yourself again."
2. Value proposition subheading One to two sentences expanding on the headline. Include location, specialisation, or a key differentiator.
3. Primary call-to-action One clear action: Book, Enquire, View Portfolio. Pick one and make it obvious.
4. Social proof Testimonials, logos, years in business, certifications. This comes after the hook, not before.
5. Contact information Name, phone, email, location. Put it in the footer and on a dedicated Contact page.
Writing Headlines That Actually Work
| Formula | Example |
|---|---|
| Outcome + audience | "Accounting that makes tax season stress-free" |
| Problem + solution | "Tired of slow websites? Launch yours today." |
| Specific + local | "Handmade jewellery crafted in Bristol since 2009" |
| Bold claim + proof | "500+ businesses launched. Zero coding required." |
Step 5: Upload Your Images
Drag images from your desktop onto any image placeholder. Exepad automatically resizes, compresses, converts to WebP, and serves them from a global CDN.
| Section | Recommended size | Notes |
|---|---|---|
| Hero / banner | 1920 × 1080px | Communicates your brand at a glance |
| Profile / about | 800 × 800px | Square crop, good lighting, looking at the camera |
| Portfolio / gallery | 1200 × 900px | Keep a consistent aspect ratio across items |
| Team member | 600 × 600px | Professional but approachable |
| Testimonial avatar | 400 × 400px | Real photo of the person builds trust |
No images yet? The AI can generate placeholder visuals styled to your brand — useful for sharing drafts with clients before final photography is ready.
Step 6: Configure SEO — Do Not Skip This
Go to Page Settings > SEO for each page. Fill in:
- Page title — 50–60 characters. Appears in Google results and browser tabs.
- Meta description — 150–160 characters. The summary shown under your link in search.
- Social image — 1200 × 630px. Displayed when your link is shared on LinkedIn or WhatsApp.
Google Search Result
────────────────────────────────────────────────────────────
Your Page Title Goes Here — Your Business Name ← Title tag (50–60 chars)
https://yourdomain.com/page-slug ← Clean URL
Your meta description appears here. It tells ← Description (150–160 chars)
searchers exactly what they will find and why
they should click through...
────────────────────────────────────────────────────────────
Exepad handles everything else: canonical URLs, Schema.org structured data, XML sitemaps, Open Graph tags, and mobile-optimised rendering.
Step 7: Preview on Mobile, Then Publish
Switch to Mobile Preview mode. Check every section on a phone-sized screen. Over 60% of web traffic is mobile — publish knowing it looks right everywhere.
Click Publish. Your app is live in seconds:
- Immediately at
yoursite.exepad.app - Custom domain connection in Settings (usually under a minute)
- Automatic HTTPS — no configuration needed
- Served from 200+ global edge locations
Your First Week After Publishing
Day 1 □ Share the link with 5 people who know your business
□ Add the URL to your email signature
□ Post on LinkedIn or Instagram
Day 2 □ Connect Google Analytics (free, 5 minutes)
□ Submit to Google Search Console
Day 3 □ Ask a real potential customer to review the site
□ Note any confusion or questions they have
Day 7 □ Check Analytics — where did traffic come from?
□ Make 2–3 improvements based on early feedback
□ Consider your first blog post to start building SEO
The sites that succeed are the ones that keep improving after launch. Treat your first publish as version 1.0, not the final answer.
Next in this series: How AI is Revolutionising No-Code App Development — a deeper look at what happens behind the scenes when Exepad generates your app.
