Calm Headphones Landing Page

Design Prototype/Concept

Desktop

Mobile

Content

Header

• Logo: assets/images/calm-logo.png
• Navigation:
  • Blog: "#blog"
  • Calm Playlist: "#playlist"
  • Join Calm: "#join"

Main

• Heading 1: Be Focus and Productive
• Paragraph: Not just an ordinary headphones. It's designed for meditation.
• Button: Learn More
• Hero Image: assets/images/calm-hero.png

Color Pallete

• black: #000000
• white: #ffffff
• dark: #141E16
• accent: #3B855B

Font Type and Size

• Font Type:
  • Type: Inter
  • Link: Inter Google Font
• Font Size:
  • Navigation: 16px
  • Heading 1: 64px desktop, 48px mobile
  • Paragraph: 18px
  • Button: 18px