Frontend Task: Global Style & UI Improvements

[Alexandrbig1]

Priority: Medium
Difficulty: Beginner–Intermediate
Type: Frontend – Styling & UI/UX

---

Description:
This task is dedicated to overall style and UI/UX improvements across the CoreX project.
Contributors are encouraged to refine existing components, adjust spacing, improve color consistency, and enhance user experience while keeping the CoreX design system consistent.

This issue serves as a collaborative task, where multiple contributors can open PRs referencing this same issue.

---

Possible Improvements (examples):

• Adjust component spacing, margins, or paddings for better layout balance
• Improve responsiveness across mobile/tablet devices
• Enhance button hover/focus states (animations, transitions)
• Fix typography inconsistencies (font sizes, weights, colors)
• Update colors or shadows for better contrast and modern look
• Polish card or grid layouts for better alignment
• Fix small UI bugs (alignment, overlapping, etc.)

---

Guidelines:

• Keep changes modular and focused (avoid big refactors in one PR)
• Follow TailwindCSS conventions used in the project
• Preserve accessibility (contrast, keyboard navigation)
• Test changes locally before submitting a PR
• Add a brief summary in PR description explaining what was improved

---

How to Contribute:

• Pick a small area of the UI you'd like to improve (e.g., header, buttons, cards, layout).
• Make your changes in a new branch.
• Open a PR referencing this issue (e.g., "UI: improved header hover effects Add product quality icons for supplements store #123").
• Tag your PR with the frontend, ui-improvement, and hacktoberfest labels.

---

Acceptance Criteria:

• Visually consistent improvements that enhance usability and aesthetics
• Code follows ESLint + Prettier rules
• All visual changes are scoped (no breaking layout or functionality)
• PR reviewed and approved by maintainers

---

🧩 Note: Multiple contributors can work on this issue simultaneously. Each PR linked to this task will count toward the milestone Hacktoberfest 2025.

[fudailzafar]

Hey @Alexandrbig1 Can I contribute in for this task? Would love to make the policy pages as per the Figma design.

[Alexandrbig1]

@fudailzafar, thanks — feel free to improve styles to match the design. To avoid conflicts please:

• Check the project board "In progress" column and avoid editing sections already assigned to other contributors.
• If you want to take a specific area, leave a comment on that task and I’ll assign it.

Thanks for helping — much appreciated.

[fudailzafar]

cool! will look into that.