[Due for payment 2026-09-22] [Design polish] Use 15px Bold font size for card headers

[shawnborton]

For our content cards that we use throughout the app (the widgets on home, the cards that wrap things like Account > Profile, Workspaces > Overview, Domains > SAML, etc) we want to use a smaller font size. The idea is to reduce the varying font sizes you might see on any given page. They are currently 17px bold, and should be changed to 15px bold with 20px line height.

Tracking issue: #100792

Issue Owner

Current Issue Owner: @huult

[shawnborton]

@MelvinBot please implement this

[grgia]

@shawnborton whats the figma link?

[shawnborton]

Figma is here - trying to put all of the polish items into a single page for places where we need mocks.

[shawnborton]

@MelvinBot please implement this

[grgia]

both Section and WidgetContainer titles should use the textStrong variant (cardSectionTitle and getWidgetContainerTitleStyle can then be deleted)

[MelvinBot]

🤖 Draft PR created: #100835

Card headers now use the existing textStrong variant — 15px bold / 20px line height — instead of 17px. No component files changed; two style definitions cover every card header:

Style	Covers	Before → After
cardSectionTitle	Section cards — Account > Profile, Workspaces > Overview, Domains > SAML, etc.	fontSizeLarge/lineHeightXLarge → textVariants.textStrong
getWidgetContainerTitleStyle	WidgetContainer — home widgets, insights dropdown title	raw fontSize: 17 → textVariants.textStrong

This matches grgia's call that both Section and WidgetContainer titles should use textStrong.

Details and verification

cardSectionTitle is applied after textHeadline in Section/index.tsx:184, so it keeps the heading color while overriding family, size, and line height. textStrong resolves to EXP_NEUE_BOLD at fontSizeNormal (15) / fontSizeNormalHeight (20) — see typography.ts:84-88.

Dropping the raw fontSize: 17 literal also removes one rulesdir/no-raw-typography violation, so the ESLint seatbelt count for src/styles/index.ts ticks down from 28 to 27.

Verified on dev web: home widget headers ("Recently added", "Discover") and Account > Profile section headers ("Public", "Private") render bold and smaller, with no layout breakage and no console errors. Screenshots are in the PR. npm run lint-changed, npm run typecheck, and npm run spell-changed all pass.

Please mark the PR as "Ready for review" once you've filled in the Tests and QA sections.

[melvin-bot]

Unable to auto-create job on Upwork. The BZ team member should create it manually for this issue.