Synergy Living

Overview

Synergy Living is a multi-page wellness platform designed to help people align their mindset, habits, and purpose. The site features a full navigation system across Home, About, Resources, Newsletter, and Stories pages — all built with clean semantic HTML, custom CSS, and vanilla JavaScript for a fast, dependency-free experience.

Pages & Features

• Home: Hero section with animated CTA, feature highlights, and newsletter sign-up. Establishes the brand identity and value proposition.
• About: Mission statement and philosophy behind the Synergy Living approach to wellbeing.
• Resources: Curated tools, practices, and content for building healthy habits and mental clarity.
• Newsletter: Email capture and community building — free subscription with value-first content strategy.
• Stories: Real stories of transformation using the Synergy Living philosophy.

Design Approach

• Typography: Playfair Display for editorial warmth paired with Nunito for readability — a wellness brand feel without being generic.
• Color & Tone: Earthy greens and soft neutrals communicate calm and growth. Every color decision reinforces the brand message.
• Responsive Layout: Fully responsive across mobile, tablet, and desktop using CSS Grid and Flexbox — no framework required.
• Performance: Zero JavaScript dependencies. Fast load times with semantic HTML and optimized CSS.

What This Demonstrates

• •Clean semantic HTML and accessible markup
• •Custom CSS design system without a framework
• •Multi-page site architecture with consistent navigation
• •Brand identity and visual design thinking
• •Responsive layouts from scratch using Grid and Flexbox
• •Product-minded design: wellness content strategy built into the UX