[FEATURE] Replace Text-Based "Clutch" Branding with the Official Clutch Logo

[kavyaay09-crypto]

What problem does this solve?

The application header currently displays the product name as plain text ("Clutch"), which does not fully reflect the product's branding. Using text instead of the official logo makes the navigation bar feel less polished and creates an inconsistent brand identity across the application.

Proposed Solution

Replace the plain text "Clutch" in the top navigation bar with the official Clutch logo while preserving the current layout and spacing.

Acceptance Criteria

• Replace the "Clutch" text with the official Clutch logo.
• Maintain proper alignment with the Connected status badge.
• Ensure the logo scales correctly across different screen sizes.
• Keep the existing navigation functionality unchanged.
• Optimize the logo for the application's dark theme and responsive layout.

Where does this apply?

• Frontend (web dashboard)
• Backend (API)
• CLI (clutch-cli)

Alternatives Considered

• Continue using the text-based branding.
• Display both the logo and the "Clutch" text together.

While these approaches are functional, using only the official logo provides a cleaner interface and aligns better with the application's branding.

Additional Context

Current

Clutch   

Proposed

<img width="604" height="432" alt="Image" src="https://github.com/user-attachments/assets/1e67ae4a-0941-47cd-83cb-d840f92ac684" />

 

Expected Outcome

• Improved visual branding.
• More professional and modern header design.
• Consistent branding across the application.

[kavyaay09-crypto]

Hii, i'd like to work on this project. please assign it to me. Thank you!

[SanjanaTech19]

hi , i would like to work on this issue under ECSoc 26

[Anshika-codes26]

I would like to work on this issue.
Could you please assign this to me?