--- title: "ThriveDesk Brand Guidelines: Logo, Colors & Typography" canonical: "https://www.thrivedesk.com/brand-guidelines/" author: ThriveDesk description: "Download the ThriveDesk logo and logomark as SVG or PNG for light and dark backgrounds, and see how to use them, plus our colors, typefaces and how to write the name." categories: [page] --- # Brand guidelines Logo files, colors and type for anyone writing about ThriveDesk or building something that works with it. [Get the Logo Files](#logo) [Visit the Newsroom](https://www.thrivedesk.com/press/) ## The logo The mark and the wordmark together. Use it whenever there’s room for it, such as a partner page or the first slide of a deck. ![ThriveDesk logo, light mode](https://www.thrivedesk.com/brand/thrivedesk-logo-light.svg) Light mode For light backgrounds [SVG](https://www.thrivedesk.com/brand/thrivedesk-logo-light.svg) [PNG](https://www.thrivedesk.com/brand/thrivedesk-logo-light.png) ![ThriveDesk logo, dark mode](https://www.thrivedesk.com/brand/thrivedesk-logo-dark.svg) Dark mode For dark backgrounds [SVG](https://www.thrivedesk.com/brand/thrivedesk-logo-dark.svg) [PNG](https://www.thrivedesk.com/brand/thrivedesk-logo-dark.png) ## The logomark The mark on its own: a speech bubble drawn as one looping line. Use it where the full logo won’t fit, like an app icon or a profile picture. It’s orange on light backgrounds and white on dark ones. ![ThriveDesk logomark, light mode](https://www.thrivedesk.com/brand/thrivedesk-logomark-light.svg) Light mode For light backgrounds [SVG](https://www.thrivedesk.com/brand/thrivedesk-logomark-light.svg) [PNG](https://www.thrivedesk.com/brand/thrivedesk-logomark-light.png) ![ThriveDesk logomark, dark mode](https://www.thrivedesk.com/brand/thrivedesk-logomark-dark.svg) Dark mode For dark and orange backgrounds [SVG](https://www.thrivedesk.com/brand/thrivedesk-logomark-dark.svg) [PNG](https://www.thrivedesk.com/brand/thrivedesk-logomark-dark.png) ## Clear space and minimum size Give the logo room, and don’t shrink it so far that the wordmark gets hard to read. ½x ½x Clear space. Keep at least half the logo’s height (½x) empty on every side, and keep other text and images out of that space. 100 px 16 px Minimum size. The full logo needs to be at least 100 px wide on screen, or 25 mm in print. Any smaller and you should switch to the logomark, which holds up down to 16 px. ## Dos and don’ts Use the files as they are. If a layout seems to need a change to the logo, change the layout. ### Do - Use the files from this page as they are. - Use the dark mode version on dark backgrounds. - Put the white mark on orange, the way the app icon does. ### Don’t - Stretch or squash it. - Rotate it. - Change its colors. - Add shadows or glows. - Put it on a color that hides the mark. - ThriveDesk Retype the wordmark in another font. ## Color Solar Flare is the brand color, and it works because we use so little of it. Everything else is a warm neutral. Keep body text off orange: white on Solar Flare only meets WCAG contrast at large sizes. ### Brand - Solar Flare The mark, links and highlights. HEX #FF4D00 RGB 255 77 0 OKLCH 0.69 0.24 38.6 - Ink Headings, body text and dark backgrounds. HEX #13110F RGB 19 17 15 OKLCH 0.18 0.006 90 ### Neutrals - Cream Page background. HEX #FCFBF7 RGB 252 251 247 OKLCH 0.988 0.005 95.1 - Paper Cards and raised surfaces. HEX #FFFEFC RGB 255 254 252 OKLCH 0.997 0.003 95 - Stone Muted panels and hover states. HEX #F3F1ED RGB 243 241 237 OKLCH 0.959 0.006 84.6 - Slate Secondary text and captions. HEX #777167 RGB 119 113 103 OKLCH 0.55 0.016 80 ## Typography Two typefaces from the Instrument family, plus the system monospace. Both Instrument fonts are free under the SIL Open Font License. - ### Instrument Sans Headings and body text. It’s a variable font with weights from 400 to 700: headings use 500 or 600, body text 400. [Get it from Google Fonts](https://fonts.google.com/specimen/Instrument+Sans) - ### Instrument Serif Italic A word or two of emphasis inside a headline, as on our homepage. Never a whole sentence, and never body text. [Get it from Google Fonts](https://fonts.google.com/specimen/Instrument+Serif) - ### System monospace Labels, eyebrows and metadata. It’s the default monospace font on each device, so there’s nothing to install. ## Writing our name ThriveDesk is one word with a capital T and a capital D. The logo spells it in capitals, but in a sentence it’s always ThriveDesk. ### Write ThriveDesk ### Avoid - Thrive Desk - Thrivedesk - THRIVEDESK - Thrive-Desk ## Need a file that isn’t here? Email [help@thrivedesk.com](mailto:help@thrivedesk.com) and we’ll send it over. For press coverage and media contacts, see the [newsroom](https://www.thrivedesk.com/press/). [Email Us](mailto:help@thrivedesk.com)