Major League Baseball: Style Guide

Welcome to the official styling guidelines for Major League Baseball digital platforms. This document outlines the core aesthetic principles, color palettes, typography, and UI elements to ensure a consistent and engaging experience for our fans.

Color Palette

Our primary colors evoke tradition, excitement, and the spirit of the game.

#003F5C
#bc5090
#ffa600
#a0a0a0
#f8f8f8
#333

Typography

Headings

This is a Heading 1 Example

This is a Subheading Example

Body Text

This is a standard paragraph of body text. It should be legible and engaging, providing clear information to our users. We utilize a sans-serif font for maximum readability across all devices and screen sizes.

This is an italicized text for emphasis.

This is a bold text for strong emphasis.

UI Elements

Buttons

Buttons are crucial for user interaction. They should be distinct and provide clear visual feedback.

Link as Button Another Link Button

Cards

Cards are used to contain related information and create visual hierarchy.

Featured Game Highlight

The Yankees took on the Red Sox in a thrilling matchup last night. Aaron Judge hit a walk-off home run in the bottom of the 9th to secure the win!

Team Standings Update

Check out the latest standings for your favorite teams. The Dodgers continue to lead the NL West with an impressive record.

Interactivity & Responsiveness

All elements should be fully responsive, adapting seamlessly to various screen sizes from desktops to mobile devices. Hover states for buttons and interactive elements should provide subtle visual cues.