search

bishalde / Shrinkk

SHRINKK - Shrinkk is the World's Shortest Link Shortener service to track, brand, and share short URLs.
https://shrinkk.vercel.app
18 stars 19 forks source link

improve the overall design and making it more resposnsive #59

Open Harman8815 opened 4 months ago

Harman8815 commented 4 months ago

Improvement: Update Color Scheme, Add Neumorphic Effect, and Enhance Responsiveness

Objective: To make the website's color scheme less vibrant and more professional, add a neumorphic effect, and improve responsiveness.

Tasks:

  1. Update Color Scheme:

    • Change the primary color to a cool tone (e.g., navy blue, slate gray, or muted teal).
    • Use light gray, soft white, or subtle pastels for the secondary color.
    • Incorporate charcoal, deep blue, or muted greens for accent colors.

  2. Add Neumorphic Effect:

    • Set the background color to light gray or off-white.
    • Use soft shadows with darker shades of the background color to create depth.
    • Apply lighter shades for highlights to enhance the 3D effect.

  3. Enhance Responsiveness:

    • Utilize CSS Grid or Flexbox for flexible and responsive layouts.
    • Implement media queries to adapt the design to various screen sizes.
    • Use relative units like em or rem for responsive typography.

Allow me to do so i am want to contribute in GGscoc 24.

Harman8815 commented 4 months ago

please assign me this issue