StabilityNexus / StabilityNexus/Windmill-EVM-WebUI

Apply Stability Nexus brand theme and accent colors to UI components

Open
#22 0 comments 0 reactions 1 assignee View on GitHub

@Muneerali199 is already working on this.

Since Jul 13, 2026.

Dominant language
TypeScript
Stars
6
Forks
14
Avg merge
12h 32m
Merged PRs (30d)
22

Description

Summary

Apply the brand accent colors (amber/gold and green) defined in issue #15 to the main UI components (Navbar, Hero, Features, and Footer) to add visual depth and color to the black-and-white theme.

Tasks

  • Navbar: Enhance the logo 'W' with a brand amber glow/ring or background accent.
  • Hero Section:
    • Change ambient soft glow spots from grey to soft brand-amber and brand-green gradients.
    • Highlight key heading words with a gradient using brand-amber and neutral-800.
    • Use brand-amber for the ⚡ MATCH icon and connection line in the visual mock panel.
  • Features Section:
    • Update feature card icons to use brand accent colors (e.g., brand-green, brand-amber, blue).
    • Add soft brand-colored glow/highlights on hovering feature cards.
  • CTA Section & Footer: Apply brand-amber highlights/CTAs to make the primary actions stand out.

Files to change

  • components/layout/Navbar.tsx (~15 lines changed)
  • components/landing/HeroSection.tsx (~30 lines changed)
  • components/landing/FeaturesSection.tsx (~25 lines changed)
  • components/landing/CTASection.tsx (~15 lines changed)

Acceptance criteria

  • Visual design is elevated from pure black-and-white with elegant brand accent highlights
  • Maintain premium look without cluttering the screen
  • npm run build succeeds

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.