Mediumtolarge

Mediumtolarge is a compound term used in design and development to describe a transitional size category that lies between medium and large. It is not an official standard, but it appears in design systems and codebases as a label for a range of assets, styles, or behaviors that scale gradually as size increases.

In user interface design, mediumtolarge commonly refers to a responsive or adaptive state where typography, spacing, and components increase smoothly rather than jumping from medium to large. It is often implemented through design tokens, CSS classes, or component properties that map to a specific range of viewport widths or container sizes. The exact range and associated style values are typically defined within a project’s design system rather than dictated by a universal specification.

Variations and related terminology vary by organization. Some teams use spellings such as md-to-lg, mdlg, or medium-to-large, while others define explicit breakpoints for the transition. Because mediumtolarge is not standardized, the precise tokens, values, and rules differ across projects, and the term is generally used only within a particular design system or codebase to maintain consistency.

Examples of use include applying coordinated changes to font size, padding, and iconography for components as layout grows, ensuring legibility and usability on larger screens while avoiding abrupt changes. In typography, mediumtolarge can be part of a broader type scale that progresses through multiple intermediate sizes before reaching a large category.

See also: responsive design, design tokens, breakpoints, scalable typography, design systems.