Add Custom Logo and Favicon for ASL Detection Website

[Dhruv-kundu]

Description
The project currently uses the default browser icon and lacks a dedicated branding logo for the website.
A custom logo and favicon should be added to improve the UI, branding, and professional appearance of the project.

Tasks

• Design and add a custom logo for the ASL Detection website
• Replace placeholder/default icon in the navbar/header
• Add favicon support
• Ensure responsive logo rendering across devices
• Maintain clean UI consistency

Expected Changes
-- Add Logo
Replace the current placeholder icon/text with a custom logo image.
-- Add Favicon

Export the logo in:
-PNG

Integrate the logo into:
-README.md
-Documentation pages
-Website/UI (if applicable)

Design Requirements
-Clean and professional appearance
-Consistent with project colors/theme
-Easy to recognize and visually appealing
-Avoid overly complex graphics

Benefits

• Better branding identity
• Professional browser tab appearance
• Improved user experience
• Cleaner and modern UI

Tech Stack

• HTML
• CSS / Tailwind CSS
• JavaScript

Additional Notes

• Contributors may share multiple design concepts before finalizing the official logo.

Currently Looking

[Dhruv-kundu]

Hello @Sant60 , Myself Dhruv .
I have Implemented the logo integration for the American Sign Language Detection project.
Changes Made:

• Replaced the hand emoji with a custom logo
• Added responsive logo styling
• Improved title alignment and visual appearance
  Please review the PR and let me know if any changes are required.

[ishadubey06]

Hey, i think this feature is really important for the website, im sure i can implement it.

[Stewartsson]

Hi Mentor, I am a registered GSSoC contributor. My environment is completely set up for HTML/Web Dev. Please assign this issue to me!

[Umang602]

Hi Mentor,

I hope you’re doing well. I recently came across an issue in the ASL Detection (American Sign Language Detection) project related to unclear user guidance and empty state handling in the UI (e.g., “Current Letter: Waiting…” and no feedback in the word section).

I would like to work on this issue as part of GSSoC’26. I believe improving the user experience by adding proper instructions, feedback messages, and better UI handling will make the application more intuitive and user-friendly.

Could you please assign this issue to me? I’d be happy to contribute and share regular updates.

Thank you!

Best regards,
Umang Prajapati

[antohebhsiba]

Hi Mentor , I’m a GSSoC contributor and I’d like to work on this issue.

I have experience with HTML, CSS/Tailwind, and basic UI design, and I’m interested in improving the branding of this project by designing a clean and professional logo along with a favicon.

I can:

Design multiple logo concepts and share them for review
Ensure the logo aligns with the project’s theme and UI
Add favicon support
Integrate the logo across the website, README, and documentation

Please assign this issue to me. I’d be happy to contribute!

[kiranmayi-17]

HELLO @Sant60
I'd like to work on this issue– Adding Custom Logo and Favicon as part of GSSoC 2026. I'll design a clean, professional logo consistent with the project's theme, add favicon support, integrate it into the navbar and README, and ensure responsive rendering across all devices. I'll share a few design concepts first before finalizing the official logo. Could you please assign this issue to me?