In frameworks like Tailwind , sm: is also a prefix used to target mobile screens (typically 640px and up).

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

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.

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

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.