Modular Scale
Typographic Modular Scale
A sequence of font sizes generated by multiplying a base size by a consistent ratio for harmonious typography.
기술 세부사항
Modular Scale is a foundational concept in visual design theory. It influences how users perceive and interact with interfaces, affecting readability, hierarchy, and aesthetic appeal. The design principles behind modular scale are codified in systems like Material Design 3, Apple's Human Interface Guidelines, and the W3C's Web Content Accessibility Guidelines. Implementing modular scale correctly requires balancing aesthetic intent with accessibility requirements and cross-platform consistency.
예시
```css
/* Modular Scale: design specification example */
.component {
font-family: Inter, system-ui, sans-serif;
font-size: 1rem;
line-height: 1.5;
color: #1a1a1a;
padding: 1rem 1.5rem;
}
```