Brand Core Elements Guide
Typography Guidelines
Primary Color: Blue Whale Blue
Primary Font: Professional Sans
Brand Primary Color: Deep Blue
Secondary Font: Clear Sans
Brand Font System
Core Match Title
Secondary Match Title
Tertiary Match Subtitle
Quaternary Data Label
Quinary Hint Text
Senary Auxiliary Text
Match Content Body
Brand Primary Color: Blue Whale Blue. Symbolizing the vast sports sky and endless passion for matches, it is used for important information and brand identity, establishing a professional tone.
Key Match Analysis
Brand Primary Color: Vibrant Blue. Representing match passion and energy, it is used to highlight key match information and live scores, igniting viewing enthusiasm.
Match Highlights Introduction
D蓝鲸体育 Official Website focuses on global sports event content, covering popular sports like football, basketball, and esports. Get live scores, event streams, and exciting news to meet diverse viewing needs.
List Style Guide
Match Category List
- Live Score Updates
- Popular Match Live Stream Highlights
- In-depth Match Information Analysis
- Exclusive Pre-match Analysis and Predictions
Match Ranking List
- Popular Match Live Stream Channels
- Real-time Match Data Statistics
- Player and Team Data Overview
- Expert Opinions and Tactical Analysis
Team Data List
- Global League Schedule Overview
- User Community Interaction Discussion
- Historical Records and Head-to-Head Statistics
- Latest Sports News Express
Player Data List
- Exciting Match Replay Viewing
- Official Match Data Support
- Authoritative Sports Media Coverage
- Fan Opinion Exchange Platform
Quotes and Comments
“蓝鲸体育 brings together top global events with smooth, lag-free HD live streaming, making it the premier choice for seasoned fans.”
“From football to basketball and esports, 蓝鲸体育 offers the most comprehensive event coverage and the most timely score data, satisfying all my viewing needs.”
“The interface design is professional and elegant, with both depth and breadth in its content. 蓝鲸体育 truly ensures that every sports enthusiast can find their own excitement.” - Senior Basketball Commentator
Color System Guidelines
Primary Action Button
Accent Color: Victory Gold
| Brand Primary Color: Deep Purple, representing nobility and professionalism, runs through core visual elements, creating a high-end match atmosphere. | Brand Primary Color: Elegant Purple, symbolizing wisdom and glory, is used for key information prompts and interactive feedback, enhancing user experience. | Brand Primary Color: Vibrant Purple, injecting dynamism and passion, is used for match dynamic displays and user incentives, igniting viewing enthusiasm. | Brand Primary Color: Noble Purple, showcasing extraordinary taste, is used for important notifications and brand identity, conveying authority. |
Subject Match Button
Secondary Color: Dazzling Gold
| Accent Color: Dazzling Gold, symbolizing championship glory, is used to highlight key data, award information, or limited-time promotions, attracting attention. | Accent Color: Brilliant Gold, adds luster to the interface, used for statistics rankings, MVP displays, or special achievements, enhancing the sense of honor. | Accent Color: Warm Gold, creates a warm community atmosphere, used for user interaction, benefit distribution, or exciting highlights, bringing users closer. | Accent Color: Soft Gold, used for background gradients or decorative elements, adds sophistication to the platform, enhancing the overall visual style. |
Match Detail Button
Neutral Color: Ink Black
| Background Color: Ink Black, provides an ultimate immersive viewing experience, making match content more prominent, as if you were there. | Background Color: Night Black, creates a professional stadium atmosphere, allowing users to focus on match details and not miss any crucial moments. | Background Color: Midnight Black, serves as the base color for content display, ensuring information is clear and readable while maintaining visual consistency. | Background Color: Dark Gray, used to differentiate different areas or provide visual buffer, maintaining the interface's hierarchy and breathing room. |
Secondary Filter Button
Neutral Color: Dark Gray
| Secondary Color: Starry Gray, used to differentiate match information levels or provide navigation guidance, ensuring accurate information delivery. | Secondary Color: Rock Gray, used for dividing lines, icons, or non-core text, keeping the interface clean and organized. | Secondary Color: Smoky Gray, provides soft visual guidance for users, used for secondary function entries or hint information. | Secondary Color: Moonlight Gray, used for background textures or low-contrast elements, enhancing the interface's delicacy and premium feel. |
Interaction Component Guidelines
Form Element Design
Data Table Styles
Basic Match Score Table
| # | Sport Category | Region | Team Search |
|---|---|---|---|
| 1 | Match Name | Home Team | Away Team |
| 2 | Score | Kick-off Time | Stream Source |
| 3 | Channel | Replay | Follow |
Dynamic Match Table
| # | League Name | Season | Player Search |
|---|---|---|---|
| 1 | Match Status | Live | Completed |
| 2 | Scheduled | Streaming Now | HD Stream |
| 3 | Smooth Playback | Highlights | Share Match |