espn.comstyle guide

Logo

Colour

Arial

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 ! ? & @ % $ – ’ “ ”

Elements

No button, link, radius or shadow styles could be read.

Grid

No breakpoints or content widths could be read.

Notes

• ▲ CheckThe page has no title.
• ▲ CheckThere is no meta description, so search engines will pick text from the page.
• ▲ CheckThere is no og:image, so links shared on social media show no picture.
• ▲ CheckVery few colours could be read from the stylesheets. The site may build its styles with JavaScript.
• ▲ CheckNo favicon could be found.

Questions

What font does espn.com use?

espn.com’s website uses one typeface: Arial (headings and body text), a system font.

What colour is espn.com’s text and background?

Body text is #000000 on a #FFFFFF background.

Is this espn.com’s official style guide?

No. SiteStyleGuide made it from espn.com’s public web pages on 27 October 2026, and isn’t affiliated with espn.com. Members can refresh a guide after 90 days to pick up changes.

Tokens

/* espn.com design tokens, from SiteStyleGuide (https://sitestyleguide.com/espn.com) */
:root {
  /* Colours */
  --text: #000000;
  --background: #FFFFFF;

  /* Typefaces */
  --font-body: 'Arial';
}

{
    "site": "espn.com",
    "source": "https://sitestyleguide.com/espn.com",
    "text": "#000000",
    "background": "#FFFFFF",
    "colours": [],
    "fonts": [
        {
            "name": "Arial",
            "stack": "\"Arial\"",
            "weights": [],
            "source": "System font, or not loaded on this page"
        }
    ]
}

Share

Run espn.com?

Add the badge to your site

Link to this guide from your own site, so your team, designers and agencies can find your colours and fonts in one place.

Copy the code

<a href="https://sitestyleguide.com/espn.com" title="espn.com style guide on SiteStyleGuide"><img src="https://sitestyleguide.com/public/badge.svg" alt="View our style guide on SiteStyleGuide" width="200" height="44"></a>