One gold, dark enough
It has to read as a link on the ivory and carry a white label as a fill. The specified value does neither; this one does both at a little under five to one.
Design preset
Structure made of rules, not of boxes
Playfair Display at regular weight, a warm ivory page, and hairlines that are a shade warmer than a neutral grey. One burnished gold, used sparingly enough that it still means something when it appears.
The gold had to move. The specification pairs its accent with white, and the pair fails in both directions — 3.11 to one as text, 3.25 under white.
A single-accent style needs one value for the link, the rule and the fill, so there is no label that saves it. Three steps darker does.
3.11:1The spec's gold, as text
4.81:1This one
6pxRadius
1pxWarm hairline
Three rules
Warm hairlines
A neutral grey rule beside a warm ivory page makes the page look like a mistake. The border colour is tinted to match, which is the sort of detail nobody notices and everybody feels.
Playfair stays regular
The face already has presence — the stroke contrast is doing the work. Bolding it turns gravitas into shouting and flattens the thin strokes that made it elegant.
Fine lines create structure without visual weight.
Three tiers
Placeholder figures — not an offer
Frequently asked
Is this a mock-up or the real thing?
A specimen, hand-built to the preset's specification so the style can be seen whole
rather than as a thumbnail. The preset itself is a set of WordPress Theme Settings, and a
generated site carries the ivory, the gold, Playfair over Source Sans, the 6px radius and
the warm hairlines. The ruled layouts here — a standfirst column, a rule above a card
instead of a box around it — are markup, so a section that wants them still asks for them.
Why is the gold different from the specification?
Because the specified gold fails as text at 3.11 to one and under white at 3.25. That
is the particular trap of a single-accent palette: the one colour has to do three jobs, so
it has to pass in both directions rather than in one.
Why is almost nothing boxed?
Because a box is a heavy way to say what a rule says lightly. Cards here carry a rule
above them rather than a border around them, which puts the weight at the top of the element
the way a rule above a column does in print.
Build a site in this preset.
Describe the business and your own AI agent builds it on WordPress with Unyson+ — real page-builder pages, with this design system applied site-wide.