Refine Flows headline typography and workflow copy

[willwashburn]

Adjust the Flows hero headline to Sora weight 500, a 4.2rem maximum size, 1.05 line height, and -0.03em letter spacing. Existing mobile sizing remains intact.

Replace the workflow heading with “Agents can ignore instructions.” followed by an explicit line break and “Flows can’t.” Update its accessible label and allow MessagingFeature titles to accept React content.

Validation: TypeScript passed (tsc --noEmit --incremental false -p web/tsconfig.json); git diff --check passed. Based on current main after the merge of #68.

---

Note

Low Risk
Marketing copy, CSS typography, and a shared component prop type only—no auth, data, or backend changes.

Overview
Updates the Flows landing page hero and workflow messaging, plus a small layout fix for sticky navigation.

The hero h1 is tuned to weight 500, a slightly larger max size (4.2rem), 1.05 line height, and -0.03em letter spacing. Horizontal overflow on .page switches from hidden to clip so decorative overflow is clipped without turning the page into a scroll container that breaks sticky nav behavior.

The workflow block replaces “Skills make suggestions. Flows enforce steps.” with “Agents can ignore instructions.” / “Flows can’t.”, with matching aria-label and a MessagingFeature title that can be React content (line break). SiteNav on /flows no longer passes hideLinks, so standard nav links show again on this page.

^{Reviewed by Cursor Bugbot for commit 89cbab5. Bugbot is set up for automated code reviews on this repo. Configure here.}

---

Summary by cubic

Refines the Flows hero headline typography, workflow copy, and navigation.

Typography & layout

• Hero headline uses weight 500, max 4.2rem, 1.05 line height, and -0.03em letter spacing; mobile sizing unchanged.
• overflow-x is now clip so decorative overflow doesn't create a scroll container that breaks sticky positioning.
• Docs and Blog links now appear in the Flows navigation.

Workflow copy

• Heading now reads “Agents can ignore instructions. Flows can’t.” with a line break.
• The section’s accessible label matches the new heading.
• MessagingFeature titles now accept React content instead of plain strings.

^{Written for commit 89cbab5. Summary will update on new commits.}

[chatgpt-codex-connector]

Codex Review Summary

This comment shows the latest Codex review activity on this pull request.

Review	Status	Commit	Review trigger
📝 Code Review	✅ Completed 2026-09-14T14:18:49.892290Z	c86116c	PR opened

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

• Open a pull request for review
• Mark a draft as ready
• Comment "@codex review" or "@codex security review".

Codex reacts with 👀 while any review is running, comments if it has suggestions, and reacts with 👍 once all reviews finish with no findings.

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Advanced

Run ID: b12b64c1-ef13-45e5-992e-b18e0b22f8c9

📥 Commits

Reviewing files that changed from the base of the PR and between 63dd80d and c86116c.

📒 Files selected for processing (3)

• web/app/flows/flows.module.css
• web/app/flows/page.tsx
• web/components/home/MessagingFeature.tsx

Included review availability: Your plan provides up to 1 included review per hour; 0 remain after this review.

---

📝 Walkthrough

Walkthrough

The Flows page updates messaging copy and accessibility text, broadens the messaging title type to ReactNode, and adjusts hero heading typography.

Changes

Flows heading update

Layer / File(s)	Summary
Messaging heading contract and copy web/components/home/MessagingFeature.tsx, web/app/flows/page.tsx	The MessagingFeature title prop now accepts ReactNode. The Flows messaging heading and section aria-label use the new text.
Hero heading typography web/app/flows/flows.module.css	The hero heading uses a smaller maximum size, lighter weight, tighter spacing, and full opacity.

Priority: ⬇️ Low

Estimated code review effort: 1 (Trivial) | ~5 minutes

Change: Other

Suggested reviewers: khaliqgant

Merge Risk: ⚪ Minimal · up to c8611

The Flows copy, heading contract, and typography changes are localized with no established user-facing regression, so the PR is ready to merge.

🚥 Pre-merge checks | ✅ 4 | ❌ 1

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Docstring Coverage	⚠️ Warning	Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%. Docstring coverage is scoped to functions touched by this diff. Analyzed 2 functions across 2 files. (1 skipped: 1 …	Write docstrings for the functions missing them to satisfy the coverage threshold.

✅ Passed checks (4 passed)

Check name	Status	Explanation
Title check	✅ Passed	The title clearly summarizes the main changes: Flows headline typography and workflow copy.
Description check	✅ Passed	The description directly explains the typography updates, workflow copy changes, accessibility update, ReactNode support, and validation results.
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.

Full details: Docstring Coverage

Explanation

Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%. Docstring coverage is scoped to functions touched by this diff. Analyzed 2 functions across 2 files. (1 skipped: 1 unsupported.)

• Fix all pre-merge checks with AI

✨ Finishing Touches 💡 1

📝 Generate docstrings 💡

• Create stacked PR
• Commit on current branch

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch codex/flows-headline-style

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{A rabbit hops where new words flow
The heading shines with softer glow
Rich nodes now may join the line
The hero’s spacing looks just fine
Flows stand firm, crisp and bright
Ears up high, the page feels right}

_{Comment @coderabbitai help to get the list of available commands.}

[github-actions]

Preview deployed!

Environment	URL
Web	https://83bf7c6d-agentrelay-web.agent-workforce.workers.dev

This is a Cloudflare Workers preview version of this PR's build.