Subtitle — Sm
Since small text is harder to read, avoid using very light gray colors. Stick to high-contrast pairings to maintain readability. Conclusion
Ensure your "sm" subtitle is still legible. Most frameworks set text-sm to roughly 0.875rem (14px) . Going any lower can cause accessibility issues for visually impaired users. subtitle Sm
User experience research often highlights the "Skeleton" effect—where users perceive a page as loading faster if the layout structure is visible before the content. Since small text is harder to read, avoid
But what exactly happens under the hood when you use a class like subtitle sm ? 1. The Anatomy of the Class Most frameworks set text-sm to roughly 0
By using a "small" subtitle, you create a clear that doesn't compete with the main title for the user's attention. 4. Common Pitfalls to Avoid
If you are building a component (like a blog card), your HTML might look like this: