Typography System Hierarchy

I appreciate the feedback, and I will provide a more comprehensive explanation of the font choices to ensure that the typography system aligns effectively with the game's brand and image. Here's the updated typography system with an expanded rationale:

Selected Typefaces:

Display Typeface: "Raleway"

Rationale: Raleway is chosen as the display typeface for several compelling reasons:

Distinctive Yet Modern Appearance: Raleway's unique letterforms, particularly in its uppercase characters, give it a distinctive and playful touch. This distinctiveness aligns with the game's unique and whimsical concept, where players watch plastic ducks fall into a swimming pool.

Visual Impact: As a display typeface, Raleway excels at capturing the user's attention. Its bold yet elegant design ensures that headlines and important announcements on the website stand out prominently, setting the tone for a fun and enjoyable gaming experience.

Versatility: Raleway's versatility allows for creative typographic expressions while maintaining a modern and fresh appearance. It strikes a balance between professionalism and playfulness, making it an ideal choice for conveying the game's image.

Body Typeface: "Open Sans"

Rationale: Open Sans is selected as the body typeface due to several key considerations:

Exceptional Readability: Open Sans is renowned for its readability, which is paramount for the body text on a website. The game's website will contain various types of content, including game instructions, descriptions, and user interactions. Open Sans ensures that users can comfortably read and understand this content, enhancing the overall user experience.

Neutrality and Clarity: Open Sans offers a neutral and straightforward design. This neutrality allows content to take center stage, making it easy for visitors to focus on the information presented without distraction. It strikes a balance between being welcoming and maintaining a professional tone, ensuring that communication is clear and user-friendly.

Consistency: Using Open Sans for body text ensures a consistent and coherent reading experience throughout the website. It complements Raleway by providing a smooth transition from headings to body text, contributing to a harmonious and visually appealing design.

Hierarchy and Usage:

Display Text:

Typeface: Raleway

Usage: Raleway is used for large headlines and important announcements on the website. Its distinctive yet modern appearance captures the user's attention effectively, setting the tone for a unique and enjoyable gaming experience.

Heading Text:

Typeface: Raleway

Usage: Raleway is also used for headings, with a slightly smaller size than display text. This maintains consistency and visual hierarchy while retaining the playful and modern vibe of the game.

Subheading Text:

Typeface: Open Sans

Usage: Open Sans is employed for subheadings to create a clear visual hierarchy. It complements Raleway by providing a smooth transition from headings to subheadings, ensuring readability and cohesion.

Body Text:

Typeface: Open Sans

Usage: Open Sans is the primary typeface for body text throughout the website. Its readability and neutrality ensure that visitors can comfortably read instructions, descriptions, and other content, enhancing the overall user experience.

Button Text:

Typeface: Raleway

Usage: Raleway is used for button text to draw attention to call-to-action buttons. Its distinct letterforms and modern appearance create a sense of urgency and encourage user interaction, aligning with the game's objective of engaging players.