Skip to content

Refine Typography Hierarchy for Improved UI Consistency - #959

Merged
devanshi14malhotra merged 2 commits into
devanshi14malhotra:mainfrom
arpit2006:typography-fix
May 28, 2026
Merged

devanshi14malhotra merged 2 commits into
devanshi14malhotra:mainfrom
arpit2006:typography-fix

Conversation

@arpit2006

Copy link
Copy Markdown
Contributor

Description

This PR enhances the typography system across the application to improve readability, visual hierarchy, and overall UI consistency while preserving the existing design language and aesthetic.

The update focuses on refining headings, subheadings, descriptions, spacing, and responsive text behavior to create a cleaner and more polished user experience across different screen sizes.


🚀 Changes Made

🎨 Typography Improvements

  • Standardized heading and subheading styles
  • Improved font sizing consistency across sections
  • Refined line-height and letter-spacing for better readability
  • Enhanced visual distinction between:
    • Titles
    • Subtitles
    • Body text
    • Description sections

📱 Responsive Enhancements

  • Improved responsive typography scaling
  • Optimized text alignment for smaller devices
  • Enhanced readability across desktop, tablet, and mobile screens

✨ UI Consistency

  • Improved spacing between headings and descriptions
  • Refined text hierarchy across multiple sections
  • Maintained consistency with the existing project theme and design language

🎯 Expected Outcome

  • Cleaner and more polished typography system
  • Improved readability and accessibility
  • Stronger visual hierarchy
  • Better responsive user experience
  • More consistent UI appearance across the application

📸 Screenshots

en2 een

🌱 Contributor Checklist

  • I am participating via GSSoC
  • I have read the contribution guidelines
  • I checked for existing issues before creating this PR
  • My changes follow the existing project style and structure

🔗 Related Issue

Closes: #666
Reference: #666

@netlify

netlify Bot commented May 24, 2026 •

Copy link
Copy Markdown

✅ Deploy Preview for bibliodrift-dm ready!

Name Link
🔨 Latest commit df0ec26
🔍 Latest deploy log https://app.netlify.com/projects/bibliodrift-dm/deploys/6a12b5ef925e460008de2330
😎 Deploy Preview https://deploy-preview-959--bibliodrift-dm.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@arpit2006

Copy link
Copy Markdown
Contributor Author

@devanshi14malhotra Requesting Review!

@devanshi14malhotra
devanshi14malhotra merged commit 8300dee into devanshi14malhotra:main May 28, 2026
6 checks passed
@devanshi14malhotra devanshi14malhotra added level:beginner GSSoC'26 beginner level PR/issue gssoc:approved PR has been reviewed and is eligible for GSSoC points (for GSSoC'26) labels May 28, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

gssoc:approved PR has been reviewed and is eligible for GSSoC points (for GSSoC'26) level:beginner GSSoC'26 beginner level PR/issue

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[GSSoC'26] Refine typography hierarchy for headings and descriptions

2 participants