3 ms·
The major problem with these kinds of tool is that they don’t explain why there is any virtue in the scales produced. My answer to that: there is none. Ever. In
by chrismorgan 3y ago
The major problem with these kinds of tool is that they don’t explain why there is any virtue in the scales produced. My answer to that: there is none. Ever. In fact, I would go so far as to say that consistent geometric or modular scales like these are normally bad (though I won’t say always), and this kind of consistency actively undesirable, because our eyes and minds just don’t work that way, but value asymmetry and obvious differences in parsing and gathering information. You either end up with insufficient distinction, or grossly excessive variation.
That’s why you might do things like this (which I provide as an example of something reasonable, not as the only way of doing things):
1. Page title: positively huge (e.g. 4rem/64px/48pt). Probably not bold (though I freely invite you to use inline styles inside the title, something nowhere near enough people do).
2. Heading: quite large, and with a large gap before it (e.g. 2.5rem/40px/30pt, plus margin-top of 1.5em/60px and margin-bottom of 1rem/16px). Maybe bold, maybe not.
3. Subheading: somewhere between heading and body text in size, and perhaps with a decent-sized gap before it when not preceeded by a heading (e.g. 1.5rem/24px/18pt, margin-top 1.33em/30px and margin-bottom of 1rem/16px). Probably bold.
4. Subsubheading (rare) and certain sorts of captions (e.g. on figures and asides): normal size and distinguished by style instead. (e.g. 1rem/16px/12pt, but bold, and perhaps with a larger gap above.)
One thing covered incidentally in this sample scheme is the use of asymmetric margins to visually separate sections. That’s normally a good idea, but for some reason people don’t often try to fit it into their neat mathematical constructions—though you will note this tool’s sample area using such asymmetry unremarked. Probably because their formulæ are arbitrary anyway.
Another thing to note is that for general typography you don’t need many levels. As far as major sizes and styles are concerned, I’m sceptical of any general-use model that goes beyond five (title, heading, subheading, caption, body text). As far as headings are concerned, if you’re using more than title + two more, you should probably reconsider your content structure.
Cast off the tyranny of typographical scales. They have the appearance of wisdom in promoting rigour, but they are of no value.
- leroy-is-here 3y ago> You either end up with insufficient distinction, or grossly excessive variation. That’s the point of scales — to provide structure to any scale of values so there’s distinction without excessive variation.
- chrismorgan 3y agoI’m saying that geometrical scales are precisely what end up with at least one of those two problems. If the ratio at each level is too small, then the first few up from your base text size are too close to body text to be usable, and so people go skipping levels, even though that obviously corrupts the mathematical purity of the concept. If the ratio at each level is enough to make them useful, then you get too big (and too small) too quickly. The only reason their values might seem to make any sense is if you have this weird idea that you should support at least five or six levels of headings. You actively shouldn’t. Take the scale of 1.250 (the default of this tool). −1 is riskily small for any purpose, and −2 should never be used. +1 isn’t big enough for any kind of heading. +2 to +4 are reasonable heading sizes, but aren’t different enough from each other. +5 might be OK as a title, but very often you’ll want to go bigger. Depending on content, it might do for a heading style too. Another mildly popular value: φ, 1.618. −1 is already too small for any purpose. +1 is decent for a subheading level, and +2 for a heading, and +3 for a title. (+3 is normally too big for any sort of heading; +4 could also be reasonable for a title.) But at that point you have only about four usable values, and where was the virtue in using a scale for them? You could have chosen more suitable values manually.
- leroy-is-here 3y agoYeah, that’s probably true. I only use 3 levels of headers on my website.
- deleted 3y ago[deleted]
- mikojan 3y ago> But at that point you have only about four usable values, and where was the virtue in using a scale for them? The virtue was in drastically reducing the space of correct answers. How long would it take the average developer to pick sizes out of an infinite number of sizes? And how long would it take them to pick sizes out of a small number of sizes? I know I do not want to fiddle with an infinitely large problem space.