resource-gallery icon indicating copy to clipboard operation
resource-gallery copied to clipboard

adding footer with better color combination and improving the ux

Open LegendSumeet opened this issue 1 year ago • 8 comments

can you assign this to me, I want to work on this under GSSoC'23

LegendSumeet avatar May 20 '23 05:05 LegendSumeet

Can you provide some more details about what you want to propose?

Astrodevil avatar May 20 '23 05:05 Astrodevil

yeah sure Color Combination:

Choose complementary colors: Select colors that work well together and create a harmonious visual appearance. Use color palettes or online tools to explore different color combinations and find the most suitable ones for your website or application. Contrast for readability: Ensure there is sufficient contrast between the text and background colors to make the footer content easily readable. A high contrast ratio improves accessibility and ensures that users can easily distinguish the information presented in the footer.

Visual Hierarchy:

Organize information: Arrange the footer content in a logical and structured manner. Group related links or sections together to help users quickly locate the information they need. Prioritize important information: Place the most important elements, such as contact information or key links, prominently in the footer. This ensures users can easily access essential details without excessive scrolling or searching. Informational Content:

Contact details:

Include relevant contact information in the footer, such as an email address, phone number, or social media links. This allows users to quickly reach out for support or further inquiries. Links to important pages: Provide links to essential pages, such as the About Us, FAQ, or Terms of Service. This helps users navigate and find additional information about your website or organization. Privacy and legal information: If applicable, include links to your Privacy Policy, Terms of Service, or any other legal documents that users should be aware of. Consistent Design:

Maintain visual consistency:

Ensure that the footer design aligns with the overall visual style of your website or application. Consistency in colors, typography, and layout helps create a unified and professional appearance. Responsive design: Optimize the footer for different screen sizes and devices. Ensure that the footer adapts well to mobile devices and smaller screens without sacrificing readability or functionality.

LegendSumeet avatar May 20 '23 05:05 LegendSumeet

Okay, Go ahead

Astrodevil avatar May 20 '23 15:05 Astrodevil

It's been 4 days since this was assigned and no work yet. Can I do this instead? @Astrodevil

PoulavBhowmick03 avatar May 24 '23 13:05 PoulavBhowmick03

I would like to work on this!

arunavabasucom avatar May 29 '23 07:05 arunavabasucom

It's been 4 days since this was assigned and no work yet. Can I do this instead? @Astrodevil

Do you still want?

Astrodevil avatar May 29 '23 10:05 Astrodevil

?

Yes I'd like to work on this @Astrodevil

PoulavBhowmick03 avatar May 29 '23 10:05 PoulavBhowmick03

@Astrodevil you can give it to someone else. Theres some issue with the npm running in my device. I'm sorry for this

PoulavBhowmick03 avatar May 29 '23 14:05 PoulavBhowmick03