StyleGuide.md

Table of contents

• Logo Design 1
  • Coconot Dark
    • smaller dimensions added
  • Coconot Light
    • smaller dimensions added
• Logo Design 2
  • Marilyn Monroe Dark
  • Marilyn Monroe Light
• Color Palette
  • Purple Primary Color
  • Primary Color
  • Secondary Color
  • Accent Color
  • Text Color
  • Background Color
• Font Family
• Images

LOGO DESIGN 1

Probably for website

Coconot Dark

Preview

Other dimensions also available, check- assets\LogoDesign1

Coconot Light

Preview

Other dimensions also available, check- assets\LogoDesign1

LOGO DESIGN 2

Probably for Devpost Submission

Marilyn Monroe Dark

Preview

Marilyn Monroe Light

Preview

Logo for the Navbar

• Migrant - League Spartan Font
• Mingle - Quicksand Font

---

COLOR PALETTE

Purple

Purple is sometimes associated with inclusivity and diversity due to its combination of the warm color red and the cool color blue, representing the coming together of different elements.

Listed in descending order of saturation

1. "#D2C6F7"
2. "#9775FA"
3. "#693FE3"
4. "#512EB7"
5. "#452F86"
6. "#3A2C63"
7. "#30274A"
8. "#272237"

For your reference

Primary Color -

• Hex: #512EB7
• Description: Rich Purple

Secondary Color:

• Hex: #A68BFF
• Description: Soft Lavender

Accent Color:

• Hex: #FFC700
• Description: Vibrant Yellow

Text Color:

• Hex: #FFFFFF (White)
• Description: White Text

Background Color:

• Hex: #F2F2F2 (Light Gray)
• Description: Light Gray Background

---

TYPOGRAPHY

Link to Google Fonts listed

• OPTION 1 - Anek Bangla
• OPTION 2 - Buenard

---

IMAGES

View- Image

File path- assets\Images

1. Art Work - assets\Images\ArtWork
2. Community Bonding - assets\Images\CommunityBondingImage
3. Cultures - assets\Images\Cultures
4. Identity - assets\Images\Identity
5. Purple Abstract Designs - assets\Images\PurpleAbstract