Improve typography hierarchy and consistency in explore panel
- Dominant language
- Python
- Stars
- 74.8k
- Forks
- 18.3k
- Avg merge
- 2d 4h
- Merged PRs (30d)
- 664
Description
## Screenshot
## Description
There are typography inconsistencies in the widget settings/sidebar panels that affect visual hierarchy and readability. The current implementation uses multiple font weights for titles within inner blocks and inconsistent font sizes between input fields and dropdown selectors.
#### Current Issues
- Inconsistent font weights: Titles within inner settings blocks use varying font weights, creating visual noise rather than clear hierarchy
- Font size mismatch: Text inside input fields and dropdown selectors has different sizes, breaking visual alignment
- Poor contrast: The lack of consistent typography makes information blocks less scannable and structured
#### Expected Behavior
- Uniform titles: Use a single, consistent font weight for all titles within widget settings inner blocks
- Consistent inputs: Apply the same font size to text in both input fields and dropdown selectors
- Enhanced hierarchy: Create clear visual contrast between different information levels through spacing and size (not through multiple font weights)
Contributor guide
Research direction
Start by locating the explore panel's widget settings and sidebar entry points, then compare the typography used by inner-block titles, input fields, and dropdown selectors. Done means the titles use one consistent weight, inputs and dropdowns share a font size, and hierarchy is conveyed through consistent spacing and sizing.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react
- Domain
- design, frontend
- Issue type
- Feature
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100