Skip to content

Improve typography hierarchy and consistency in explore panel #36670

@innovark37

Description

@innovark37

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)

Metadata

Metadata

Assignees

No one assigned

    Labels

    explore:designRelated to the Explore UI/UX

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions