© 2026 usetools. All rights reserved.
Adjusting the space between individual characters in typography to achieve a visually pleasing result.
Kerning is the process of adjusting the space between individual characters in typography to create a visually pleasing and harmonious layout. It plays a crucial role in enhancing readability and aesthetics in digital and print media. By optimizing the spacing between letters, kerning helps ensure that text appears balanced and professional, which is particularly important in UX/UI and design contexts.
Kerning is vital for creating a seamless and polished visual experience. It prevents characters from appearing too close or too far apart, which can lead to misinterpretation or visual discomfort. For instance, poorly kerned text can make the letters "r" and "n" appear as an "m," affecting the clarity of the message.
There are several types of kerning used in typography:
Kerning is essential in various design applications, including:
To effectively use kerning, designers should focus on creating a balanced visual flow:
By mastering kerning techniques, designers can elevate their typography skills, ensuring that text is not only readable but also visually appealing. This skill is indispensable in UX/UI design, where user experience is paramount.
Comparing two versions of a design or feature to see which performs better.
Designing products and interfaces usable by people with varying abilities (e.g., vision, motor, cognitive).
A structure that assistive tech (like screen readers) uses to interpret and convey interface elements to users.
Creating distinct layouts tailored for specific screen sizes rather than using one responsive layout.
Arranging elements so their edges or centers line up, promoting order and unity.
The proportional relationship between width and height of an image or screen (e.g., 16:9).
Discover tools that help you apply kerning in your work.


Pryzm is a real-time studio for designers who need backgrounds that don't look like everyone else's. Layer procedural gradients, then stack glass, grain, light and blobs.


Hue Codex is a free, no-account color workspace for designers and developers, with palette generation, WCAG contrast checks, modern CSS tools, image color extraction, local saving, and exports.


The boilerplate built for vibe coding. Includes authentication, payments, storage, and a clean, AI-readable codebase, already wired up. Build on rails that don't break at prompt 100.


Design and launch your dream website with no coding required.
The design glossary is just the beginning. Explore more terms, discover tools, and level up your design skills.