https://github.com/dicodingacademy/ilt-1-febe-demo

https://github.com/dicodingacademy/ilt-1-febe-demo

Last synced: about 1 year ago
JSON representation

• Host: GitHub
• URL: https://github.com/dicodingacademy/ilt-1-febe-demo
• Owner: dicodingacademy
• Created: 2022-02-24T01:44:27.000Z (about 4 years ago)
• Default Branch: project-starter
• Last Pushed: 2024-03-08T10:17:49.000Z (about 2 years ago)
• Last Synced: 2024-12-28T19:03:03.295Z (over 1 year ago)
• Size: 2.56 MB
• Stars: 9
• Watchers: 2
• Forks: 16
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Calm Headphones Landing Page

## Design Prototype/Concept

### Desktop

![](design-concept-desktop.png?raw=true)

### Mobile

![](design-concept-mobile.png?raw=true)

## 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](https://fonts.google.com/specimen/Inter?preview.text=This%20is%20a%20great%20font%20to%20use%3F&preview.text_type=custom)

- Font Size:

  - Navigation: 16px

  - Heading 1: 64px desktop, 48px mobile

  - Paragraph: 18px

  - Button: 18px