Set the homepage quotes in the body copy grey #43

Merged
iec-admin merged 1 commit from claw/quote-grey-4b7d into main 2026-10-13 06:05:49 +00:00
Contributor

Follow-up to #37.

What changed

.bb-quote blockquote uses color: var(--bb-muted) (was var(--bb-ink)), the same grey as the body copy. Size (0.9rem, from #42) and italic are unchanged.

Walkthrough

Story: as a site visitor, the homepage quotes read at the same weight as the text around them.

One colour token changed on one rule. --bb-muted (#5b6b7a) is the colour .bb-about__para and the three cards already use on the same cream band, so its contrast there is the one the body copy already has.

Reference: no reference system applies; this matches the quote colour to .bb-about__para.

QA Execution

2026-10-12, local: npx tsc --noEmit exit 0; npm run build exit 0.

Not done in this PR

  • Not driven in a browser on this branch before merge; the computed colour is checked on the live site after deploy.
  • Grey italic on cream is somewhat harder to read than the previous dark ink.

🤖 Generated with Claude Code

Follow-up to #37. ## What changed `.bb-quote blockquote` uses `color: var(--bb-muted)` (was `var(--bb-ink)`), the same grey as the body copy. Size (0.9rem, from #42) and italic are unchanged. ## Walkthrough Story: as a site visitor, the homepage quotes read at the same weight as the text around them. One colour token changed on one rule. `--bb-muted` (`#5b6b7a`) is the colour `.bb-about__para` and the three cards already use on the same cream band, so its contrast there is the one the body copy already has. Reference: no reference system applies; this matches the quote colour to `.bb-about__para`. ## QA Execution 2026-10-12, local: `npx tsc --noEmit` exit 0; `npm run build` exit 0. ## Not done in this PR - Not driven in a browser on this branch before merge; the computed colour is checked on the live site after deploy. - Grey italic on cream is somewhat harder to read than the previous dark ink. 🤖 Generated with [Claude Code](https://claude.com/claude-code)
In the darker ink the quotes still read heavier than the text around
them. They now use the same grey as the body copy; italic stays.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Sign in to join this conversation.
No reviewers
No labels
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
martin/ballantyne-www!43
No description provided.