What would you like to be added?
🎨 Improve About Section UI (Typography & Dark Mode)
📌 Overview
The About section currently displays multiple content blocks such as "Helping Children Learn, Play, and Grow", "Our Mission", and "Who We Are". However, the section lacks consistency in typography, spacing, and dark mode support.
This issue focuses on improving readability, visual hierarchy, and overall UI consistency.
📷 Current Behavior
- Font sizes are inconsistent across headings and paragraphs
- Font family does not align well with modern UI standards
- Text spacing and line height reduce readability
- Section headings (with background highlight) appear visually heavy
- Dark mode is not properly supported:
- Text contrast is poor
- Background colors do not adapt correctly
✅ Tasks
- Standardize typography:
- Define consistent font sizes for headings and body text
- Use a clean and modern font family
- Improve spacing:
- Adjust line height and margins for better readability
- Refine section headers:
- Reduce visual heaviness of highlighted background
- Ensure proper padding and alignment
- Implement proper dark mode support:
- Ensure text contrast meets accessibility standards
- Adjust background and highlight colors accordingly
- Maintain responsiveness across devices
🛠️ Technical Notes
- Follow existing design system (if any)
- Prefer reusable CSS classes or theme variables
- Ensure no layout breakage
- Accessibility (contrast ratio) should be considered
🎯 Expected Outcome
The About section should have consistent typography, improved readability, balanced design, and proper dark mode support, resulting in a more polished and user-friendly interface.
🏷️ Labels
enhancement, UI/UX, good first issue
Why is this needed?
Improving typography and dark mode support in the About section will enhance readability and accessibility. A well-structured and visually consistent layout ensures a better user experience across different devices and themes.
What would you like to be added?
🎨 Improve About Section UI (Typography & Dark Mode)
📌 Overview
The About section currently displays multiple content blocks such as "Helping Children Learn, Play, and Grow", "Our Mission", and "Who We Are". However, the section lacks consistency in typography, spacing, and dark mode support.
This issue focuses on improving readability, visual hierarchy, and overall UI consistency.
📷 Current Behavior
✅ Tasks
🛠️ Technical Notes
🎯 Expected Outcome
The About section should have consistent typography, improved readability, balanced design, and proper dark mode support, resulting in a more polished and user-friendly interface.
🏷️ Labels
enhancement, UI/UX, good first issue
Why is this needed?
Improving typography and dark mode support in the About section will enhance readability and accessibility. A well-structured and visually consistent layout ensures a better user experience across different devices and themes.