typeset

Assess typography and implement font, hierarchy, sizing, and readability changes.

60|7|Updated Oct 18, 2020
One-click install
npx skills add https://github.com/bfree-trainer/bfree --skill typeset-bfree-trainer
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: typeset
Source: https://github.com/bfree-trainer/bfree/tree/main/.claude/skills/typeset
Command: npx skills add https://github.com/bfree-trainer/bfree --skill typeset-bfree-trainer

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

The skill helps teams fix typography issues by selecting appropriate fonts, establishing clear hierarchy, sizing, and readability, making text feel intentional and aligned with brand.

Core Features & Use Cases

  • Assess current typography to identify weak font choices, inconsistent hierarchy, uneven sizing, and readability gaps.
  • Develop a typography plan with a scalable type system, contrast guidelines, and accessibility considerations for UI and content.
  • Apply to design reviews, branding projects, marketing content, and UI copy where typography quality impacts perception.

Quick Start

Assess the current typography and propose a basic improvement plan following the frontend-design guidelines.

Frequently Asked Questions about typeset

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I fix inconsistent typography and improve readability in my UI design?

Fix inconsistent typography by assessing current font choices and hierarchy to establish a clear type scale. This process resolves uneven sizing and readability gaps, making UI copy intentional and aligned with your brand guidelines.

What is a scalable type system and when do I need one for branding projects?

A scalable type system is a structured plan for font sizing and contrast guidelines. You need one for branding projects to maintain visual hierarchy and accessibility considerations across UI and marketing content.

How to assess weak font choices and establish clear hierarchy for web content?

Assess weak font choices by evaluating readability gaps and uneven sizing against frontend-design guidelines. Establish clear hierarchy by developing a typography plan that implements a scalable type system and accessibility considerations.

Can I use this typography assessment for marketing content and design reviews?

Yes, you can use this typography assessment for marketing content and design reviews. It applies to design projects, brand guidelines, and UI copy where typography quality impacts user perception and text readability.

What's the best way to select appropriate fonts that align with my brand guidelines?

The best way to select appropriate fonts is performing a typography assessment to identify weak choices, then creating an improvement plan. This establishes a scalable type system ensuring text feels intentional and aligned with brand.

Why does my text feel unintentional and how do I apply accessibility considerations to typography?

Text feels unintentional due to inconsistent hierarchy and poor font selection. Apply accessibility considerations by developing a typography plan with contrast guidelines and a structured type scale following frontend-design guidelines.