Skip to content

Design: create dark mode main navbar#411

Open
QueenColly wants to merge 1 commit into
amina69:mainfrom
QueenColly:design/create-dark-mode-navbar
Open

Design: create dark mode main navbar#411
QueenColly wants to merge 1 commit into
amina69:mainfrom
QueenColly:design/create-dark-mode-navbar

Conversation

@QueenColly

Copy link
Copy Markdown
Contributor

Closes #390

Summary of Work:
Completed the high-fidelity design for the Main Navbar following the platform's Dark Mode visual guidelines. The design has been modularized for efficient hand-off to the frontend team.

Design Highlights:

Theme: Applied the dark background surface color palette with optimized contrast ratios for high readability.

Architecture: Built using a component-based approach with Auto-Layout, ensuring the navbar is fully responsive across different viewport sizes.

Consistency: Ensured all typography, spacing, and icon alignment align with the existing platform design system.

Organization: All layers are properly named, frames are grouped logically, and reusable components are documented for easier implementation.

Deliverables:

High-fidelity Figma frames for desktop and mobile layouts.

Component library updates for the new navigation elements.

@vercel

vercel Bot commented Jun 29, 2026

Copy link
Copy Markdown

@QueenColly is attempting to deploy a commit to the sheriffamina1-9497's projects Team on Vercel.

A member of the Team first needs to authorize it.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Figma Design: Main Navbar - Dark Mode

1 participant