Set the homepage quotes at the body copy size #42

Merged

iec-admin merged 1 commit from claw/quote-size-match-6e2b into main

2026-10-13 06:02:52 +00:00

iec-admin commented

2026-10-13 06:02:48 +00:00

Contributor

Follow-up to #37.

What changed

.bb-quote blockquote sets font-size: 0.9rem (was 0.95rem), the same size as the body copy. Colour and italic are unchanged.

Walkthrough

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

Driven in a browser (Playwright) against npm run dev on this branch, 2026-10-12, at 1440px, with the production quote text set into the page:

	Quote	Body paragraph
Size	14.4px (was 15.2px)	14.4px
Colour	`rgb(28, 39, 51)`, unchanged	`rgb(91, 107, 122)`
Style	italic, left-aligned	upright

Line spacing inside the quote is even (21–22px between every line), so the closing quote mark does not push the last line down. The screenshot shows both quotes side by side with their photos.

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

QA Execution

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

Not done in this PR

The quote colour stays darker than the body copy, by choice.
"client-focused" in the first quote now breaks across two lines at its own hyphen ("client-" / "focused"). No hyphen is inserted; it is the word's own. Keeping it on one line needs a non-breaking hyphen in the quote text, which is content, not code.

🤖 Generated with Claude Code

Follow-up to #37. ## What changed `.bb-quote blockquote` sets `font-size: 0.9rem` (was `0.95rem`), the same size as the body copy. Colour and italic are unchanged. ## Walkthrough Story: as a site visitor, the homepage quotes read at the same weight as the text around them. Driven in a browser (Playwright) against `npm run dev` on this branch, 2026-10-12, at 1440px, with the production quote text set into the page: | | Quote | Body paragraph | |---|---|---| | Size | 14.4px (was 15.2px) | 14.4px | | Colour | `rgb(28, 39, 51)`, unchanged | `rgb(91, 107, 122)` | | Style | italic, left-aligned | upright | Line spacing inside the quote is even (21–22px between every line), so the closing quote mark does not push the last line down. The screenshot shows both quotes side by side with their photos. Reference: no reference system applies; this matches the quote size to `.bb-about__para`. ## QA Execution 2026-10-12, local: `npx tsc --noEmit` exit 0; `npm run build` exit 0; the browser run above. ## Not done in this PR - The quote colour stays darker than the body copy, by choice. - "client-focused" in the first quote now breaks across two lines at its own hyphen ("client-" / "focused"). No hyphen is inserted; it is the word's own. Keeping it on one line needs a non-breaking hyphen in the quote text, which is content, not code. 🤖 Generated with [Claude Code](https://claude.com/claude-code)

iec-admin added 1 commit

2026-10-13 06:02:48 +00:00

fix: set the homepage quotes at the body copy size (#37 ) 9c390bfe33

At 0.95rem in the darker ink the quotes read heavier than the text around
them. They now set at 0.9rem, the body copy size; colour and italic stay.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>