Raise section-heading contrast off the green end of the ramp

Fixkamo-marketing
Shipped
August 19, 2026 at 6:45 AM UTC
Author
Kamo
Commit
4bf89a5

Every section heading's second line ran `--color-primary` -> `--color-primary-light` -> `--color-secondary`, so it STARTED in the brand green. Measured against a mid-green photo background that opening colour is 2.61:1 — under the 3.0 WCAG floor for large text — and the mid stop only reaches 3.28:1. Since every one of these sections sits on either the dark green canvas or a green-heavy photograph, the headings began illegible and only became readable by their last few letters: "Needs in One Platform", "Eight Different Tools", the "Me" in "Show Me", "Every Industry", "More Than Just a CRM", "Pricing", "Questions", "Business Operating System". The ramp now runs entirely along the secondary (cream) scale — the light end of the brand — at 6.53:1 -> 5.77:1 -> 5.08:1 on that same mid-green and 11.3:1 -> 8.8:1 on the flat canvas. All of it clears AA for normal text, never mind display sizes, and the first line stays white so the two-tone hierarchy is intact. Moved into one `.heading-accent` class rather than repeating a utility chain across eight files, so the next contrast tweak is a single edit. Still driven by the theme variables, so a white-label tenant keeps its own palette — the comment records that the secondary ramp has to stay light, since that is what carries the contrast. Pricing's price figure already used the cream ramp and is untouched.

All changes

Like what you see shipping?

Every one of these updates lands in your workspace automatically. Start free and watch it grow week after week.

Start Free ForeverView Pricing