Sep '25 • General discussion
Loveable.dev: Website Building
In today's training. We got hands on and started building our websites using AI.
The tool that we used is called Loveable.dev.
The prompt that we used to prompt it is this: Fill in your blanks respective to your Agency, Service Line, and State:
Design and generate a complete website for {Business Name}, a {Supported Living Services agency} vendored with the state agency.
Branding & Design Guidelines
- Color Palette: Green and white as the base, with gradients incorporating subtle blue hues. (Think: fresh, supportive, calming).
- Typography: Clean, modern sans-serif fonts. Headings should feel strong and professional; body text should feel warm and approachable.
- Imagery: Use diverse, inclusive, high-quality stock photos of caregivers, adults with developmental disabilities, community activities, and supportive environments. Avoid anything clinical or cold.
- Layout Style: Modern, accessible, mobile-friendly with responsive design. Ample white space, soft gradients, rounded buttons.
- Tone: Compassionate, trustworthy, and professional.
Pages & Content Structure
1. Home Page
- Hero section: Large banner image with overlay gradient and tagline text such as “Empowering Independent Living with Care and Compassion.”
- Brief welcome text: “At 4 Pillars Care, we provide personalized Supported Living Services (SLS) to help individuals with developmental disabilities live full and independent lives in the San Diego community.”
- Call-to-action buttons: “Learn About Our Services” and “Contact Us Today.”
- Section highlights:
- Testimonials placeholder slider
2. About Us Page
- Agency background: Founded to help individuals with developmental disabilities thrive in community-based settings.
- Mission statement: “To support independence, dignity, and meaningful community participation for every individual we serve.”
- Values: Compassion, Integrity, Community, Growth (with icons or graphics).
- Meet the Team section: Placeholder cards for leadership and staff profiles.
3. Services Page
- Intro paragraph: Explain being vendored with San Diego Regional Center and why that matters.
- Service categories (each with an icon and short description):
- Call-to-action: “Interested in services? Contact us today to learn more.”
4. Resources Page
- Intro text: “We connect families and individuals with resources that promote independence and quality of life.”
- Resource sections:
- Downloadable placeholder PDFs (e.g., “Family Guide to SLS,” “Getting Started with Regional Center”)
5. Contact Us Page
- Contact form: Name, Email, Phone, Message.
- Display full business contact info:
- Embedded Google Map (placeholder).
- Call-to-action text: “We’re here to help—reach out today.”
Footer (displayed on every page)
- Contact info repeated
- Quick links: Home | About Us | Services | Resources | Contact
- Social media icon placeholders (Facebook, Instagram, LinkedIn)
- Copyright © 2025 4 Pillars Care
Additional Functionality
- SEO-friendly structure with meta descriptions for each page
- Accessibility: High contrast, alt-text for images, ADA-friendly navigation
- Blog/news placeholder (optional future expansion)
- Clear navigation menu with sticky header
5
2 comments
Loveable.dev: Website Building
skool.com/carelicensingsolutions
Unlocking 7 Figure Entrepreneurship through the Implementation of Care Agencies Nationwide
Powered by