Improve Typography and Visual Hierarchy

[RJPalmer]

Description

Improve text styling throughout the application to create a clear visual hierarchy and improve readability.

User Story

As a player, I want clear and readable text at every part of the interface so I can quickly understand the game status and any instructions.

Improvements

• Larger, more prominent game title
• Better font sizing for different information levels
• Improved spacing between text elements
• Consistent typography hierarchy throughout the interface

Acceptance Criteria

• Important information is immediately recognizable
• Fonts remain readable at different resolutions
• Typography hierarchy is consistent (headers > subheaders > body text)
• Font sizes scale appropriately when window resizes
• Contrast is sufficient for accessibility

Technical Notes

• Define a clear font sizing scale (e.g., 12px, 14px, 16px, 18px, 24px, 32px)
• Consider using a sans-serif font for modern appearance
• Ensure line heights provide good readability

Suggested Implementation Tasks

• Define typography scale
• Select appropriate fonts
• Update game title styling
• Update status/header text sizing
• Update instruction text sizing
• Improve text spacing
• Test readability at various sizes

Priority

Medium

Labels

UI/UX, enhancement

Estimated Effort

Small