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:

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 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.