elalis.com .com
HealthBrand Potential
Personalized Health Insights
Project Idea
A personalized health and wellness platform that uses AI to analyze user data from wearables and health apps to provide actionable insights and recommendations. The goal is to empower individuals to make informed decisions about their diet, exercise, and overall well-being.
Builder Prompt
Copy this prompt into Cursor, Bolt, or v0 to get started:
# Landing Page Specification ## 1. Theme & Aesthetic Calm, organic, and trustworthy. Evokes a sense of natural well-being and scientific precision. Soft gradients and rounded elements. ## 2. Color Palette - **Primary**: #4CAF50 (Soothing green) - **Secondary**: #2196F3 (Calm blue) - **Accent**: #FFC107 (Gentle yellow for highlights) - **Background**: #F4F6F8 (Off-white, natural feel) - **Surface/Card**: #FFFFFF (Pure white) - **Border**: #D0D0D0 (Soft, muted gray) ## 3. Typography - **Headings**: 'Nunito Sans', sans-serif (Friendly and approachable, great for health messaging) - **Body**: 'Open Sans', sans-serif (Highly readable and universally accessible) ## 4. UI Design System - **Shadows**: 0 6px 10px -4px rgba(0,0,0,0.08) - **Border Radius**: 12px - **Spacing**: Ample whitespace, 90px section padding, fluid component spacing ## 5. Layout Structure - **Hero**: Soft, nature-inspired background image or subtle animated illustration of health data flow. Headline focusing on empowerment and clarity. Subheadline about personalized guidance. Primary CTA. - **Features**: A 2x2 grid or staggered layout highlighting key aspects like data integration, AI insights, personalized plans, and progress tracking. Use of icons and clean visuals. - **CTA**: A friendly, rounded button in the accent color, placed strategically after benefit-driven sections. ## 6. Tech Stack - Framework: Next.js 14 - Styling: Tailwind CSS - Animation: Framer Motion
Ready to build elalis.com?
Get your domain and hosting set up in minutes
We may earn a commission when you purchase through these links.