# StatusPage Brand Identity

A complete profile of **StatusPage**'s visual system — colors, typography, components, and personality — extracted from [http://statuspage.io](http://statuspage.io/). Built for designers, agents, and AI tools.

## Color Palette
Brand palette extracted from http://statuspage.io.

- **primary:** #0052CC  
- **secondary:** #1868DB  
- **accent:** #0052CC  
- **background:** #FFFFFF  
- **textPrimary:** #091E42  
- **link:** #091E42

## Typography
Each font links to its Google Fonts page where available.

- **primary:** Roboto  
- **heading:** Roboto  
  [Roboto Google Fonts →](https://fonts.google.com/specimen/Roboto)

## Visual Assets

%20!important%3B%22%2F%3E%20%3Cpath%20d%3D%22M15.289%204.44981C12.0061%209.64478%2012.2225%2015.3809%2014.3871%2019.71C16.5517%2024.0392%2018.2112%2027.3221%2018.3194%2027.5747C18.4277%2027.8272%2018.6802%2027.9715%2018.9327%2027.9715H27.086C27.591%2027.9715%2027.9518%2027.4303%2027.6992%2026.9614C27.6992%2026.9614%2016.7321%205.02703%2016.4435%204.48588C16.227%203.98082%2015.6137%203.94474%2015.289%204.44981Z%22%20fill%3D%22white%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%20%3C%2Fsvg%3E)

Logo

Favicon

## UI Components
Live previews rendered using StatusPage's actual button styles.

### Input
- **background:** #F0F1F2  
- **textColor:** #101214  
- **borderColor:** null  
- **borderRadius:** 30px  
- **shadow:** none

### Button Primary  
- **background:** #0052CC  
- **textColor:** #FFFFFF  
- **borderColor:** #0052CC  
- **borderRadius:** 3px  
- **shadow:** none

### Button Secondary  
- **background:** #F4F5F7  
- **textColor:** #091E42  
- **borderRadius:** 0px  
- **shadow:** none

## Brand Personality
- **Tone:** professional  
- **Energy:** medium  
- **Audience:** businesses and developers

## StatusPage Brand in the Wild
Real-world brand assets — ads, campaigns, and marketing materials.

### Frequently Asked Questions
1. **What is StatusPage's primary brand color?**  
   StatusPage's primary brand color is #0052CC. It anchors the visual identity across their website, product UI, and marketing materials.
2. **What font does StatusPage use?**  
   StatusPage uses Roboto as the primary typeface across body and headings.
3. **Does StatusPage use a light or dark theme?**  
   StatusPage's primary site uses a light color scheme, with a background of #FFFFFF.
4. **Where can I find StatusPage's logo?**  
   StatusPage's logo is available directly on their site (http://statuspage.io). The current logo URL is included in the machine-readable JSON profile linked above.
5. **How was this brand profile generated?**  
   This profile was extracted from http://statuspage.io using the Firecrawl branding extraction API, which inspects the live page's CSS, fonts, color tokens, and component styles. It is not affiliated with or endorsed by StatusPage.

## Machine-Readable Profile
Direct endpoints for agents, designers, and tooling. No login or auth required.