Be Happy Mode

Explore
Be Happy Mode

Project Overview

A Spanish-language landing page for a parenting coach focused on conscious parenting and positive discipline. Working from an Illustrator design, I hand-built a static page that stays faithful to the original layout, colors and typography.

Key Features

  1. Design Fidelity: Translated the Illustrator comp into code, keeping the brand typography and color palette.
  2. Wave Section Dividers: Custom SVG wave shapes between the alternating white, green and blue sections.
  3. Services & Call to Action: A numbered list of services leading to a call to book a free 20-minute first session.
  4. Responsive Layout: A grid system that adapts the page to desktop, tablet and mobile.
  5. Themeable Colors: Brand colors set as CSS custom properties for easy updates.

Technologies Used

  • HTML5 & CSS3: Semantic markup and styling with custom properties.
  • Simple Grid: A lightweight responsive grid.
  • SVG: Section dividers.
  • Self-Hosted Fonts: The brand typeface served with @font-face.

Results

A lightweight, on-brand landing page that matches the original design and gives visitors a direct path to contacting the coach by email or Instagram.