Skip to content

Review typography for improved readability #14132

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft
wants to merge 8 commits into
base: master
Choose a base branch
from

Conversation

jaffrepaul
Copy link
Contributor

Typography was significantly updated across the documentation site to enhance visual hierarchy and readability.

Global CSS in app/globals.css received major updates:

  • Heading sizes (h1 to h4) and spacing were adjusted for clearer hierarchy. h2 (step headers) gained accent color and border.
  • Body text (p) line height increased to 1.6 for improved readability. New .lead-text and .caption styles were introduced.
  • Code block (pre) font size increased from 0.75rem to 0.875rem, with code line height also improved.
  • Specific component styles for alerts, step indicators, and lists were added or refined for better visual prominence and spacing.

Additionally, several component-specific stylesheets were updated to align with the new typography:

  • src/components/codeTabs.tsx and src/components/apiExamples/ adjusted code and tab button font sizes.
  • src/components/platformGrid/, src/components/sidebar/, src/components/sidebarTableOfContents/ updated list and navigation text sizes and line heights.
  • Selector components (src/components/platformSelector/, src/components/versionSelector/) and tooltip styles (src/components/onboarding/) saw font size adjustments for consistency and readability.

Copy link

vercel bot commented Jun 24, 2025

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
sentry-docs ✅ Ready (Inspect) Visit Preview 💬 Add feedback Jun 24, 2025 5:26pm
1 Skipped Deployment
Name Status Preview Comments Updated (UTC)
develop-docs ⬜️ Ignored (Inspect) Visit Preview Jun 24, 2025 5:26pm

Copy link

codecov bot commented Jun 24, 2025

Bundle Report

Changes will increase total bundle size by 108 bytes (0.0%) ⬆️. This is within the configured threshold ✅

Detailed changes
Bundle name Size Change
sentry-docs-server-cjs 10.92MB 114 bytes (0.0%) ⬆️
sentry-docs-client-array-push 9.8MB -6 bytes (-0.0%) ⬇️

Affected Assets, Files, and Routes:

view changes for bundle: sentry-docs-client-array-push

Assets Changed:

Asset Name Size Change Total Size Change (%)
static/chunks/pages/_app-*.js -3 bytes 873.24kB -0.0%
static/chunks/7750-*.js -3 bytes 415.85kB -0.0%
server/middleware-*.js -5.55kB 1.0kB -84.74%
server/middleware-*.js 5.55kB 6.55kB 555.3% ⚠️
static/N3-*.js (New) 684 bytes 684 bytes 100.0% 🚀
static/N3-*.js (New) 77 bytes 77 bytes 100.0% 🚀
static/kJ8galioLhWNrbWlowLlO/_buildManifest.js (Deleted) -684 bytes 0 bytes -100.0% 🗑️
static/kJ8galioLhWNrbWlowLlO/_ssgManifest.js (Deleted) -77 bytes 0 bytes -100.0% 🗑️
view changes for bundle: sentry-docs-server-cjs

Assets Changed:

Asset Name Size Change Total Size Change (%)
1729.js -3 bytes 1.64MB -0.0%
../instrumentation.js -3 bytes 973.36kB -0.0%
9523.js -3 bytes 949.31kB -0.0%
../app/[[...path]]/page.js.nft.json 41 bytes 401.61kB 0.01%
../app/platform-redirect/page.js.nft.json 41 bytes 401.52kB 0.01%
../app/sitemap.xml/route.js.nft.json 41 bytes 399.49kB 0.01%

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants