Define systematic type scales, line heights, and font weights for UI design.
npx skills add https://github.com/Objective-Arts/lens-dist --skill typography-objective-arts
Please help me install this Agent Skill. Skill: typography Source: https://github.com/Objective-Arts/lens-dist/tree/main/canon/typography Command: npx skills add https://github.com/Objective-Arts/lens-dist --skill typography-objective-arts
This Skill addresses the challenge of creating clear, hierarchical, and aesthetically pleasing interfaces by prioritizing typography over decorative elements, ensuring content is the primary focus.
Apply the typography skill to ensure all body text is at least 16px and headings use a font-weight of 600.
High-intent search queries and answers about installing and using this skill.
Typography-first design establishes hierarchy and emphasis using type scales, font weights, and line heights alone. By prioritizing content over decorative chrome, you create clear visual distinction between headings, subheadings, and body text without relying on borders or background colors.
Fluent and Metro design guidelines enforce a clean, light, and content-focused philosophy using systematic type scales. They define consistent font sizes, weights, line heights, and letter spacing to ensure optimal readability and harmonious structure across the interface.
Set up a systematic type scale by defining consistent font sizes, weights, and line heights. For a dashboard, apply typography-first principles to make headings, subheadings, and body text clearly distinguishable and readable without decorative elements.
For UI readability in a design system, body text should be at least 16px and headings should use a font-weight of 600. Enforcing optimal line length and text color contrast further ensures content remains accessible and readable.
You can apply typography-first design principles to any UI project without specific framework dependencies. The approach focuses on defining systematic type scales, line heights, and letter spacing to create clear hierarchy and emphasis using type alone.
Avoid typography-first design when your interface relies heavily on decorative elements, borders, or background colors for grouping and hierarchy. This approach enforces a clean, content-focused aesthetic using type scales alone, which may not suit visually rich or heavily branded UIs.
launchapp-devDefine a ratio-based modular typography scale for UI design.
ihlamuryEnforce Front UI design constraints with Inter font and a 4px grid system.
ChildoftheVibeGenerate CSS tokens and layout rules for minimalist bento-grid UI systems.
NITRR-OfficialManage shadcn/ui components, project initialization, and theming via CLI.
