Loading...
Loading...
Found 6 Skills
Apply professional typography principles to create readable, hierarchical, and aesthetically refined interfaces. Use when setting type scales, choosing fonts, adjusting spacing, designing text-heavy layouts, or when the user asks about readability, font pairing, line height, measure, or typographic hierarchy.
Generate type scales, color palettes, spacing systems, WCAG contrast checks, and dark mode derivations with math. Use when setting up a design system, creating tokens, or building a Tailwind/CSS theme. Outputs CSS custom properties, Tailwind config, or JSON tokens.
Critique a screen's typography — scale usage, readability, consistency, and token compliance.
Design or critique a product's typography — typeface selection and pairing, type scale, hierarchy, and readability settings (size, line length, line height, spacing, alignment). Trigger when choosing a typeface or font pairing, setting up a type scale, fixing typographic hierarchy, improving text readability, or reviewing a UI layout for typography issues.
Set type like it was chosen, not defaulted. Typeface selection, size scales for product versus reading UI, line height and tracking by size, measure, hierarchy through weight and colour rather than size, tabular numerals, OpenType features, text wrapping, truncation, mono for data, font loading. Use when choosing fonts, building a type scale, fixing hierarchy, or when an interface looks "generic", "off" or "like a template" and the cause is text.
Improve UI typography by fixing font choices, type scale, hierarchy, weight, and readability so text feels intentional. Use when the user mentions fonts, typography, type scale, readability, text hierarchy, or sizing that feels off.