apache / apache/superset

Improve typography hierarchy and consistency in explore panel

Open
#36,670 3 comments 0 reactions 0 assignees View on GitHub
explore:design
Dominant language
Python
Stars
74.8k
Forks
18.3k
Avg merge
2d 4h
Merged PRs (30d)
664

Description

## Screenshot

Image

Image

Image

## 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

Open the contributing 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.