Blog & Lifestyle

TB Lifestyle - Wellness and Healthy Living

TB Lifestyle is a personal blog created for Thera Balance, dedicated to promoting a balanced and healthy lifestyle. The site offers educational articles about fitness, nutrition and mental health, an interactive quiz to evaluate daily habits and practical resources for building a healthier life.

Duration
2 weeks
Client
Thera Balance
Status
Completed
TB Lifestyle - Wellness and Healthy Living

Technologies Used

Next.js logo
Next.js
TypeScript logo
TypeScript
React logo
React
Node.js logo
Node.js
Tailwind CSS logo
Tailwind CSS
Formspree logo
Formspree
Vercel logo
Vercel

Features

  • Blog with articles organized by categories: Fitness, Nutrition, Motivation, Routine
  • Dedicated pages for each article with clean and responsive design
  • Interactive quiz to evaluate personal health routine
  • Contact form with validation and Formspree integration
  • Article sharing functionality through Web Share API
  • Minimalist design focused on reading experience
  • Advanced SEO optimization for each article

Challenges

  • Creating a pleasant reading experience without distractions
  • Optimizing images for fast loading and no quality loss
  • Ensuring fully responsive design across all devices
  • Balancing SEO requirements with design aesthetics
  • Developing a fluid and intuitive filtering system

Results

  • Professional platform for promoting a healthy lifestyle
  • Pleasant user experience with simple and intuitive navigation
  • Interactive quiz that encourages engagement and self-assessment
  • Excellent performance with fast loading times
  • Consistent and professional design across all pages
  • Solid foundation for future content expansion

Typography

Font

Outfit, sans-serif

48px

H1 Heading

36px

H2 Heading

24px

H3 Heading

20px

S1 Subheading

16px

P1 Paragraph

Color Palette

Ocean Teal

#08839C

Burnt Orange

#CC5500

Charcoal Ink

#2A2A2A

Granite

#4B5563

Silver Sand

#E5E7EB

Pure White

#FFFFFF

Project Assets

Brand Symbol

Brand Symbol

Primary Logo

Primary Logo

Portfolio

Explore More Projects

Brothers Barbershop - Presentation Website
Brothers Barbershop - Presentation Website icon

Brothers Barbershop - Presentation Website

Professional platform for barbershop with services presentation and haircut gallery.

Next.jsTypeScriptReactTailwind CSSVercelNode.js
See Details
Stela Vesa Art Gallery - Remastered Website
Stela Vesa Art Gallery - Remastered Website icon

Stela Vesa Art Gallery - Remastered Website

Online art gallery with 600+ artworks and complete administration system.

Next.jsTypeScriptMongoDBReactTailwind CSSRecharts
See Details
Duckly - Private Messaging Application
Duckly - Private Messaging Application icon

Duckly - Private Messaging Application

Real-time private chat for two people: media gallery, calendar and interactive map.

Next.jsTypeScriptMongoDBRedisReactSocket.io
See Details

Your Project Could Be Next

We have the experience and expertise needed to transform your idea into success.

Start Your Project