incident.io Brand: Colors, Fonts, Logo & Visual Identity
incident.io Brand Identity
A complete profile of incident.io's visual system — colors, typography, components, and personality — extracted from https://incident.io/. Built for designers, agents, and AI tools.
Color Palette
Brand palette extracted from https://incident.io/.
- primary: #F25533
- rgb(242, 85, 51)
- secondary: #5A0A17
- rgb(90, 10, 23)
- accent: #F25533
- rgb(242, 85, 51)
- background: #FFFFFF
- rgb(255, 255, 255)
- textPrimary: #161618
- rgb(22, 22, 24)
- link: #111827
- rgb(17, 24, 39)
Typography
Each font links to its Google Fonts page where available.
- primary: STKBureauSans
Google Fonts → - heading: STKBureauSans
Google Fonts → - STKBureauSerif
Visual Assets
%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3Cg%20clip-path%3D%22url(%23workmark__black_svg__b)%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3Cpath%20fill%3D%22%23F25533%22%20fill-rule%3D%22evenodd%22%20d%3D%22M48.803%20140.978v23.429C20.788%20157.71%200%20133.023%000%20103.594%000%2086.626%007.168%2073.165%2018.131%2059.96%2027.222%2049.01%2049.67%2020.01%2056.735%204.009c1.716-3.885%206.09-3.735%207.976-1.647%206.033%206.677%2013.47%2021.26%2015.902%2037.802.496%203.37.7%206.123.862%208.309.348%204.691.502%206.777%202.93%206.777%203.816%200%206.313-5.795%206.861-11.776.352-3.833%204.148-5.115%206.765-3.833%2012.59%206.17%2025.437%2035.537%2028.543%2049.949.974%204.52%201.609%209.19%201.609%2014.004%200%2029.363-20.695%2054.006-48.616%2060.768v-23.384zm15.289-9.338c9.845%200%2017.826-7.567%2017.826-16.901%200-14.888-10.959-25.526-16.42-28.76-.369-.218-.553-.328-1.055-.314-.367.01-.91.24-1.172.498-.358.351-.453.752-.643%201.552-.968%204.078-4.015%206.986-7.222%2010.045-4.42%204.217-9.141%208.723-9.141%2016.979%200%209.334%207.981%2016.901%2017.827%2016.901%22%20clip-rule%3D%22evenodd%22%20style%3D%22fill%3A%20rgb(242%2C%2085%2C%2051)%20!important%3B%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M158.057%20138.153c-13.535%200-23.788%204.919-29.325%2012.503v-9.633h-30.76v102.48h30.76v-55.954c0-14.552%207.793-21.111%2019.071-21.111%209.843%200%2017.841%205.944%2017.841%2018.651v58.414h30.76V180.58c0-27.67-17.636-42.427-38.347-42.427M262.641%20246.373c20.097%200%2037.527-10.454%2046.346-26.44l-26.864-15.372c-3.281%207.173-10.869%2011.477-19.892%2011.477-13.329%200-23.172-9.632-23.172-23.775s9.843-23.775%2023.172-23.775c9.023%200%2016.406%204.303%2019.892%2011.477l26.864-15.577c-8.819-15.782-26.454-26.235-46.346-26.235-31.169%200-54.342%2023.571-54.342%2054.11s23.173%2054.11%2054.342%2054.11M332.645%20132.005c10.047%200%2018.456-8.404%2018.456-18.448%200-10.042-8.409-18.446-18.456-18.446-10.049%200-18.456%208.404-18.456%2018.446%200%2010.044%208.407%2018.448%2018.456%2018.448m-15.38%20111.498h30.76v-102.48h-30.76zM440.871%20100.031v50.625c-6.767-7.788-16.815-12.503-30.555-12.503-26.863%200-49.01%2023.571-49.01%2054.11s22.147%2054.11%2049.01%2054.11c13.74%200%2023.788-4.714%2030.555-12.503v9.634h30.76V100.031zm-24.402%20117.238c-14.15%200-24.403-9.634-24.403-25.006s10.253-25.005%2024.403-25.005%2024.402%209.633%2024.402%2025.005-10.253%2025.006-24.402%2025.006M517.576%20204.561h72.799q1.23-5.841%201.23-12.298c0-30.949-22.147-54.11-52.086-54.11-32.401%200-54.548%2023.571-54.548%2054.11s21.736%2054.11%2056.803%2054.11c19.482%200%2034.656-7.174%2044.705-21.111l-24.609-14.143c-4.101%204.509-11.278%207.789-19.686%207.789-11.278%200-20.711-3.69-24.608-14.347m-.615-22.956c2.871-10.453%2010.663-16.192%2022.352-16.192%209.228%200%2018.456%204.304%2021.737%2016.192zM665.034%20138.153c-13.534%200-23.787%204.919-29.324%2012.503v-9.633h-30.76v102.48h30.76v-55.954c0-14.552%207.793-21.111%2019.071-21.111%209.843%200%2017.841%205.944%2017.841%2018.651v58.414h30.76V180.58c0-27.67-17.636-42.427-38.348-42.427M780.49%20170.537v-29.514h-21.123v-28.695l-30.759%209.224v19.471h-16.407v29.514h16.407v36.278c0%2028.695%2011.689%2040.787%2051.882%2036.688v-27.875c-13.535.82-21.123%200-21.123-8.813v-36.278zM813.237%20246.373c10.663%200%2019.48-8.813%2019.48-19.472%200-10.657-8.817-19.471-19.48-19.471s-19.482%208.814-19.482%2019.471c0%2010.659%208.818%2019.472%2019.482%2019.472M862.014%20132.005c10.047%200%2018.455-8.404%2018.455-18.448%200-10.042-8.408-18.446-18.455-18.446-10.049%200-18.456%208.404-18.456%2018.446%200%2010.044%208.407%2018.448%2018.456%2018.448m-15.381%20111.498h30.761v-102.48h-30.761zM945.017%20246.373c30.144%200%2054.343-23.571%2054.343-54.11s-24.199-54.11-54.343-54.11-54.342%2023.571-54.342%2054.11%2024.197%2054.11%2054.342%2054.11m0-29.925c-13.329%200-23.582-9.633-23.582-24.185%200-14.553%2010.253-24.185%2023.582-24.185s23.583%209.632%2023.583%2024.185-10.253%2024.185-23.583%2024.185M48.804%20243.508h30.76v-78.701s-30.76%205.525-30.76%2034.995z%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cdefs%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3CclipPath%20id%3D%22workmark__black_svg__a%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h1000v248H0z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22workmark__black_svg__b%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%20.91h1000v246.18H0z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E)
Logo
Favicon
Social Card
UI Components
Live previews rendered using incident.io's actual button styles.
Button Primary:
- background: #F25533
- textColor: #F7F7F8
- borderRadius: 9999px
- shadow: none
Button Secondary:
- background: transparent
- textColor: #161618
- borderColor: #020202
- borderRadius: 9999px
- shadow: none
Brand Personality
- Tone: modern
- Energy: high
- Audience: tech-savvy professionals
incident.io Brand in the Wild
Real-world brand assets — ads, campaigns, and marketing materials.
Image: incident.io
Source: incident.io
Image: incident.io
Source: incident.io
Image: mintcdn.com
Source: docs.incident.io
Frequently Asked Questions
What is incident.io's primary brand color?
incident.io's primary brand color is #F25533. It anchors the visual identity across their website, product UI, and marketing materials.What font does incident.io use?
incident.io uses STKBureauSans as the primary typeface across body and headings.Does incident.io use a light or dark theme?
incident.io's primary site uses a light color scheme, with a background of #FFFFFF.Where can I find incident.io's logo?
incident.io's logo is available directly on their site (https://incident.io/). The current logo URL is included in the machine-readable JSON profile linked above.How was this brand profile generated?
This profile was extracted from https://incident.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 incident.io.
Methodology
Brand data on this page was extracted from https://incident.io/ on 2026-07-27 using the Firecrawl branding extraction API, which inspects each site's live CSS, font network requests, color tokens, and component styles.
Machine-Readable Profile
Direct endpoints for agents, designers, and tooling. No login or auth required.
{
"colorScheme": "light",
"fonts": [
{
"family": "STKBureauSans",
"role": "body"
},
{
"family": "STKBureauSerif",
"role": "unknown"
}
],
"colors": {
"primary": "#F25533",
"secondary": "#5A0A17",
"accent": "#F25533",
"background": "#FFFFFF",
"textPrimary": "#161618",
"link": "#111827"
},
"typography": {
"fontFamilies": {
"primary": "STKBureauSans",
"heading": "STKBureauSans"
},
"fontStacks": {
"heading": [
"STKBureauSerif"
],
"body": [
"STKBureauSans",
"ui-sans-serif",
"system-ui",
"sans-serif",
"Apple Color Emoji",
"Segoe UI Emoji",
"Segoe UI Symbol",
"Noto Color Emoji"
],
"paragraph": [
"STKBureauSans"
]
},
"fontSizes": {
"h1": "80px",
"h2": "44px",
"body": "16px"
}
},
"spacing": {
"baseUnit": 4,
"borderRadius": "8px"
},
"components": {
"buttonPrimary": {
"background": "#F25533",
"textColor": "#F7F7F8",
"borderRadius": "9999px",
"shadow": "none"
},
"buttonSecondary": {
"background": "transparent",
"textColor": "#161618",
"borderColor": "#020202",
"borderRadius": "9999px",
"shadow": "none"
}
},
"images": {
"logo": "data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%201000%20248%22%20class%3D%22h-8%20w-auto%20absolute%20inset-0%20dark%3Aopacity-0%20%5B%5Bdata-mobile-menu-open%3Dtrue%5D_%26amp%3B%5D%3Aopacity-100%22%20data-fc-idx%3D%220%22%3E%3Cg%20clip-path%3D%22url(%23workmark__black_svg__a)%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3Cg%20clip-path%3D%22url(%23workmark__black_svg__b)%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3Cpath%20fill%3D%22%23F25533%22%20fill-rule%3D%22evenodd%22%20d%3D%22M48.803%20140.978v23.429C20.788%20157.71%200%20133.023%000%20103.594%000%2086.626%007.168%2073.165%2018.131%2059.96%2027.222%2049.01%2049.67%2020.01%2056.735%204.009c1.716-3.885%206.09-3.735%207.976-1.647%206.033%206.677%2013.47%2021.26%2015.902%2037.802.496%203.37.7%206.123.862%208.309.348%204.691.502%206.777%202.93%206.777%203.816%200%206.313-5.795%206.861-11.776.352-3.833%204.148-5.115%206.765-3.833%2012.59%206.17%2025.437%2035.537%2028.543%2049.949.974%204.52%201.609%209.19%201.609%2014.004%200%2029.363-20.695%2054.006-48.616%2060.768v-23.384zm15.289-9.338c9.845%200%2017.826-7.567%2017.826-16.901%200-14.888-10.959-25.526-16.42-28.76-.369-.218-.553-.328-1.055-.314-.367.01-.91.24-1.172.498-.358.351-.453.752-.643%201.552-.968%204.078-4.015%206.986-7.222%2010.045-4.42%204.217-9.141%208.723-9.141%2016.979%200%209.334%207.981%2016.901%2017.827%2016.901%22%20clip-rule%3D%22evenodd%22%20style%3D%22fill%3A%20rgb(242%2C%2085%2C%2051)%20!important%3B%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M158.057%20138.153c-13.535%200-23.788%204.919-29.325%2012.503v-9.633h-30.76v102.48h30.76v-55.954c0-14.552%207.793-21.111%2019.071-21.111%209.843%200%2017.841%205.944%2017.841%2018.651v58.414h30.76V180.58c0-27.67-17.636-42.427-38.347-42.427M262.641%20246.373c20.097%200%2037.527-10.454%2046.346-26.44l-26.864-15.372c-3.281%207.173-10.869%2011.477-19.892%2011.477-13.329%200-23.172-9.632-23.172-23.775s9.843-23.775%2023.172-23.775c9.023%200%2016.406%204.303%2019.892%2011.477l26.864-15.577c-8.819-15.782-26.454-26.235-46.346-26.235-31.169%200-54.342%2023.571-54.342%2054.11s23.173%2054.11%2054.342%2054.11M332.645%20132.005c10.047%200%2018.456-8.404%2018.456-18.448%200-10.042-8.409-18.446-18.456-18.446-10.049%200-18.456%208.404-18.456%2018.446%200%2010.044%208.407%2018.448%2018.456%2018.448m-15.38%20111.498h30.76v-102.48h-30.76zM440.871%20100.031v50.625c-6.767-7.788-16.815-12.503-30.555-12.503-26.863%200-49.01%2023.571-49.01%2054.11s22.147%2054.11%2049.01%2054.11c13.74%200%2023.788-4.714%2030.555-12.503v9.634h30.76V100.031zm-24.402%20117.238c-14.15%200-24.403-9.634-24.403-25.006s10.253-25.005%2024.403-25.005%2024.402%209.633%2024.402%2025.005-10.253%2025.006-24.402%2025.006M517.576%20204.561h72.799q1.23-5.841%201.23-12.298c0-30.949-22.147-54.11-52.086-54.11-32.401%200-54.548%2023.571-54.548%2054.11s21.736%2054.11%2056.803%2054.11c19.482%200%2034.656-7.174%2044.705-21.111l-24.609-14.143c-4.101%204.509-11.278%207.789-19.686%207.789-11.278%200-20.711-3.69-24.608-14.347m-.615-22.956c2.871-10.453%2010.663-16.192%2022.352-16.192%209.228%200%2018.456%204.304%2021.737%2016.192zM665.034%20138.153c-13.534%200-23.787%204.919-29.324%2012.503v-9.633h-30.76v102.48h30.76v-55.954c0-14.552%207.793-21.111%2019.071-21.111%209.843%200%2017.841%205.944%2017.841%2018.651v58.414h30.76V180.58c0-27.67-17.636-42.427-38.348-42.427M780.49%20170.537v-29.514h-21.123v-28.695l-30.759%209.224v19.471h-16.407v29.514h16.407v36.278c0%2028.695%2011.689%2040.787%2051.882%2036.688v-27.875c-13.535.82-21.123%200-21.123-8.813v-36.278zM813.237%20246.373c10.663%200%2019.48-8.813%2019.48-19.472%200-10.657-8.817-19.471-19.48-19.471s-19.482%208.814-19.482%2019.471c0%2010.659%208.818%2019.472%2019.482%2019.472M862.014%20132.005c10.047%200%2018.455-8.404%2018.455-18.448%200-10.042-8.408-18.446-18.455-18.446-10.049%200-18.456%208.404-18.456%2018.446%200%2010.044%208.407%2018.448%2018.456%2018.448m-15.381%20111.498h30.761v-102.48h-30.761zM945.017%20246.373c30.144%200%2054.343-23.571%2054.343-54.11s-24.199-54.11-54.343-54.11-54.342%2023.571-54.342%2054.11%2024.197%2054.11%2054.342%2054.11m0-29.925c-13.329%200-23.582-9.633-23.582-24.185%200-14.553%2010.253-24.185%2023.582-24.185s23.583%209.632%2023.583%2024.185-10.253%2024.185-23.583%2024.185M48.804%20243.508h30.76v-78.701s-30.76%205.525-30.76%2034.995z%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cdefs%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3CclipPath%20id%3D%22workmark__black_svg__a%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h1000v248H0z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22workmark__black_svg__b%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%20.91h1000v246.18H0z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E"
## Personality
- **Tone**: modern
- **Energy**: high
- **Audience**: tech-savvy professionals
## Design System
- **Framework**: tailwind
- **Component Library**:
## Confidence
- Buttons: 0.95
- Colors: 0.9
- Overall: 0.925
## Related Brand Profiles
- [Zapier](/content/branding/zapier/index.html)
- [Fivetran](/content/branding/fivetran/index.html)
- [Zoom](/content/branding/zoom/index.html)
- [PagerDuty](/content/branding/pagerduty/index.html)
- [Sentry](/content/branding/sentry/index.html)
- [Miro](/content/branding/miro/index.html)