In mathematics, two quantities are in the golden ratio if their ratio is the same as the ratio of their sum to the larger of the two quantities. Expressed algebraically, for quantities a and b
with a>b>0
, a
is in a golden ratio to b
if
a+ba=ab=φ,
where the Greek letter phi (φ or ϕ
) denotes the golden ratio. The constant φ
satisfies the quadratic equation φ2=φ+1
and is an irrational number with a value of
φ=1+52=1.618033988749….
There you have it, where there (the above) of course refers to, or better quotes, the Wikipedia article Golden Ratio.
A little bit about the fonts:
This website version is supposed to be or become light and modest, elegant, a bit ‘Braun SK 55‘, a pinch of ‘Swiss Style‘.
This years WordPress theme, Twenty Twenty-Five, proved a good starting point/foundation.
The theme uses the font Manrope for headings and paragraphs; it also comes with Beiruti, Fira Code, Fira Sans, Literata 72pt, Platypi, Roboto Slab, Vollkorn and Ysabeau Office.
Beautiful as Manrope is, (indeed) modern and dignified, it looks a tiny bit to thin and cold to me taste. So I swapped (them all) for …
- the classic Helvetia Neue for Base Typography;
- the serious Segoe UI for the Headings;
- and Source Code Pro for Everything Else.
Helvetia Neue and Segoe UI are both Systems Fonts; Source Code Pro is delivered by Google (I installed the Fonts Plugin | Use Google Fonts, Adobe Fonts or Upload Fonts plugin).
I do believe these 3 typefaces pair very well together.
Contemplating the font sizing I remembered someone arguing that 3 sizes, for body text, really should suffice: small normal large. WordPress offers five font size presets as a standard: Small (0.875 rem / 14 px, H5), Medium (the root element, 1,125 rem / 18 px, H4), Large (1.375 rem / 22 px, H3), Extra Large (2 rem / 32 px, H2) and Extra Extra Large (3 rem / 48 px, H1):
“In the beginning there was nothing, which exploded.”
“In the beginning there was nothing, which exploded.”
“In the beginning there was nothing, which exploded.”
“In the beginning there was nothing, which exploded.”
“In the beginning there was nothing, which exploded.”
Terry Pratchett, Lords and Ladies!
Furthermore there are two Custom Fluid Values – minimum and maximum – for this type scale, except for the H5.
Now what if we want to create a typographic scale, small normal large, using the Golden Ration?
Here I am using large as my default normal size, so 1.375 rem is my root element. Let’s apply the Golden Ratio:
- Small = 1.375 / 1.618 = 0.8498; round to 0.85;
- Large (used as medium/normal) 1.375;
- Extra Large = 1.375 x 1.618 = 2.22475; round to 2.225.
Good! This newly calculated small fits the original size close enough, so I’ll keep the old 0,875 rem (= 14 px); large will be my root. We only have to adapt the extra large figures: 2.225 rem (Custom Fluid Values: min. 1.875 rem / max. 2.225 rem).
I think it looks stylish!
“Real stupidity beats artificial intelligence every time.”
“Real stupidity beats artificial intelligence every time.”
“Real stupidity beats artificial intelligence every time.”
Terry Pratchett, Hogfather!
Because my Blog page, and all categories & archives, only consist of a list of titles, I make sure that each title contains some kind of description or summary of the post in question.
But in this case, I really can’t bring myself to enrich the title with something other than 1.618033988749….!







