A designer uses a base size of 16px and a ratio of 1.5 to create a modular scale. What is the correct next size up from the base?
A17.5px — you add the ratio to the base size
B24px — you multiply the base by the ratio
C32px — you double the base size
D20px — you use standard screen size increments
A modular scale works by multiplying: 16 × 1.5 = 24px. Adding (16 + 1.5 = 17.5) confuses the ratio with an increment. Doubling (32px) corresponds to a ratio of 2.0, not 1.5. Using standard increments like 20px has no mathematical relationship to the other scale values, defeating the system's purpose. Each step multiplies by the ratio going up, and divides by it going down.
Question 2 Multiple Choice
A designer wants to build a modular scale using a custom ratio of 1.4 based on the proportions of a client's logo. Which statement best describes whether this is valid?
AIt is not valid — modular scales must use the golden ratio (1.618) or a standard musical interval to achieve visual harmony
BIt is valid — any consistent ratio generates proportionally related sizes, and the specific ratio can be chosen to suit the project
CIt is valid only if 1.4 is close to an established ratio like the perfect fourth (1.333) or perfect fifth (1.5)
DIt is not valid — custom ratios create inconsistency and defeat the purpose of a modular system
A modular scale works because all sizes are mathematically related through a single ratio — this consistency is what creates visual harmony. The specific ratio can be anything: the golden ratio, musical intervals, or a custom value. What matters is that all sizes in the scale derive from the same base and ratio. The misconception that only 'approved' ratios produce harmony reflects a misunderstanding of the mechanism — the harmony comes from the mathematical relationship itself, not from any particular ratio being special.
Question 3 True / False
Using a modular scale guarantees visual harmony in typography because all sizes share a mathematical relationship through the same ratio.
TTrue
FFalse
Answer: True
This is the core principle: when every type size is produced by multiplying or dividing the same base by the same ratio, all sizes are proportionally related — the same way musical notes in a scale sound harmonious because they share mathematical frequency ratios. Ad hoc sizing (14px here, 17px there, 36px headline) produces sizes with no mathematical relationship to each other, which is why they feel subtly inconsistent even when no single size is obviously wrong.
Question 4 True / False
A designer should typically use the exact sizes their modular scale generates, even when a size falls awkwardly close to the one above or below it.
TTrue
FFalse
Answer: False
A modular scale is scaffolding, not law. If a scale step produces a size too similar to an adjacent step, or doesn't work at a specific breakpoint, it should be adjusted. The goal is proportional harmony and visual coherence, not mathematical purity. The scale provides a principled starting point and a shared language; the designer's eye and the content's needs do the final tuning. Treating it as rigid produces designs that feel mechanically correct but visually wrong.
Question 5 Short Answer
What problem does a modular scale solve that ad hoc type size selection does not, and what is the minimum information needed to generate one?
Think about your answer, then reveal below.
Model answer: A modular scale solves visual inconsistency: when type sizes are chosen arbitrarily, the proportions between them often feel subtly off even when no single choice is obviously wrong. A modular scale ensures every size is mathematically related to every other through a single ratio, producing proportional coherence throughout the design. The minimum needed to generate one is two values: a base size (often 16px) and a ratio. Multiply the base by the ratio to step up; divide to step down; repeat in both directions to produce the full scale.
The elegance of the system is that two decisions — base and ratio — replace dozens of independent size decisions and eliminate the need to debate individual values. This compounds in multi-designer teams and multi-platform projects: everyone drawing from the same scale produces consistent results without negotiation. The scale converts an aesthetic judgment (how big should subheadings be?) into a structural one (which step on the scale serves this role?).