/ilt-1-febe-demo

Primary LanguageCSS

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:
  • Font Size:
    • Navigation: 16px
    • Heading 1: 64px desktop, 48px mobile
    • Paragraph: 18px
    • Button: 18px