Sm — Subtitle

It ensures the subtitle is smaller than the primary heading ( h1 or h2 ) but distinct from the main body text.

If you are building a component (like a blog card), your HTML might look like this:

In a typical utility-first workflow, sm stands for "small." When applied to a subtitle, it serves two primary purposes: subtitle Sm

Developers often use "sm" variants in . For instance, the Skeleton Mammoth library utilizes specific classes like sm-item-secondary to mimic subtitles while data is being fetched. This reduces "perceived loading time" and keeps users engaged. 3. Implementation Example

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 It ensures the subtitle is smaller than the

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.

Mastering Responsive Typography: A Deep Dive into "Subtitle Sm" This reduces "perceived loading time" and keeps users

But what exactly happens under the hood when you use a class like subtitle sm ? 1. The Anatomy of the Class