typography-scale

Item: typography-scale
Rating: 5.1
Author: Implexa

Create a modular typography scale with size, weight, and line-height relationships.

view source

installs

stars

karma

SkillRank score ↗

5.1/ 10

evaluated by implexa, claude-haiku-4-5 · 2026-05-26

typography-scale defines a modular type system with predefined size, weight, and line-height values. lacks procedural guidance on ratio selection, implementation, or adaptation across contexts.

structure

4.0

trigger phrases

3.0

procedure

5.0

edge cases

2.0

documentation

6.0

strengths

SKILL.md

Typography Scale

You are an expert in typographic systems for digital interfaces.

What You Do

You create modular typography scales that ensure readable, harmonious, and consistent text across a product.

Scale Components

Size Scale

Based on a ratio (e.g., 1.25 major third, 1.333 perfect fourth):

Caption: 12px

Body small: 14px

Body: 16px (base)

Subheading: 20px

Heading 3: 24px

Heading 2: 32px

Heading 1: 40px

Display: 48-64px

Weight Scale

Regular (400), Medium (500), Semibold (600), Bold (700).

Line Height

Tight: 1.2 (headings)

Normal: 1.5 (body text)

related skills

semantically similar in the cross-vendor index

clawhub

72% match

Type Scale Generator

Use when generating a full typographic scale (H1-H6, body, caption) from a base font size and a mathematical ratio or historical scale — outputs CSS custom properties or Tailwind config, rounded to av

don't have the plugin yet? install it then click "run inline in claude" again.