Skip to main content
UI Guides

Search rules

Search all UI Guides rules by name, category, or source

contentRauno

Medium Heading Weight

SHOULD

SHOULD: Give medium-sized headings a `font-weight` of 500–600; 800–900 reads heavy and disconnected from body text.

Medium-sized headings look best with font weight between 500-600

Bad

Good

Why it matters

Very bold weights (800-900) on medium-sized headings can feel heavy and disconnected from body text. Weights of 500-600 create clear hierarchy while maintaining visual balance with surrounding content.

References

Built by Gleb Stroganov, design engineer at Evil Martians.

The rules come from other people's skills and guidelines — Vercel, Rauno Freiberg, @Ibelick, impeccable, Emil Kowalski, Tailwind, RAMS — each one credited on the Sources page. The work here is extraction and wiring: every rule is pulled into one corpus, given a good and a bad example you can operate, a MUST/SHOULD/NEVER rule an agent can paste, and a link back to where it came from.