The settings page has some hierarchy issues. Card titles and toggle labels use the same font size (13px), making it hard to see a clear hierarchy at first glance.
We could consider matching the sizing used in the blocks editor preferences modal where section headers are more prominent (font-size of 0.9rem and weight of 600).
| Current |
Proposed |
 |
 |
Additionally, the "Documentation" and "Contribute" links at the top right are currently styled as buttons, which can be confusing. Buttons normally signal actions, while these are navigation to external resources. I believe using the ExternalLink component will make it clearer.
The settings page has some hierarchy issues. Card titles and toggle labels use the same font size (13px), making it hard to see a clear hierarchy at first glance.
We could consider matching the sizing used in the blocks editor preferences modal where section headers are more prominent (font-size of
0.9remand weight of600).Additionally, the "Documentation" and "Contribute" links at the top right are currently styled as buttons, which can be confusing. Buttons normally signal actions, while these are navigation to external resources. I believe using the
ExternalLinkcomponent will make it clearer.