hierarchy-typographic

What problem does it solve?

It solves the problem of unclear visual hierarchy in text-heavy interfaces by translating design intent into a coherent typographic system (size, weight, leading, measure, and optional tracking).

Core Features & Use Cases

• Type scale construction: Generate harmonious display/heading/body/caption ranks from a single ratio and base size.
• Weight + size compounding: Use a weight ladder so emphasis is real and distinctions remain legible in grayscale.
• Line-height and measure pairing: Set leading ranges and body max-width (measure) so pages don’t feel like walls of text.
• Practical tokenization guidance: Define consistent typographic tokens for design systems (e.g., display, h1–h4, body sizes, caption, micro).
• Anti-pattern prevention: Avoid random sizing, inconsistent weight per role, oversized body type, and overly tiny captions.

Quick Start

Use the hierarchy-typographic skill to create a full typographic ladder (caption through display) for your design system based on a chosen scale ratio and readable leading/measure rules.