# RescueTime Brand Identity A complete profile of **RescueTime**'s visual system — colors, typography, components, and personality — extracted from http://rescuetime.com. Built for designers, agents, and AI tools. - Page: https://characterquilt.com/branding/rescuetime - Machine-readable JSON: https://characterquilt.com/branding/rescuetime.json - Per-page llms.txt: https://characterquilt.com/branding/rescuetime/llms.txt ## Quick Facts | Field | Value | |---|---| | Primary | #161A3B | | Accent | #0064FF | | Body Font | DM Sans | | Heading Font | Nunito | ## Color Palette - primary: #161A3B - secondary: #FF9500 - accent: #0064FF - background: #FEFEFE - textPrimary: #0064FF - link: #0064FF ## Typography - primary: DM Sans — https://fonts.google.com/specimen/DM+Sans - heading: Nunito — https://fonts.google.com/specimen/Nunito ## Visual Assets - Logo: https://assets.rescuetime.com/assets/logo-wordmark-53h-16eee90826f6de9302bc25bf0955bf67fa7784df8848475edbb4d040f48174a4.svg - Favicon: https://www.rescuetime.com/favicon-96x96.png - Social card (og:image): https://assets.rescuetime.com/images/sharing/main-og.png ## UI Components - input: background=#44423F, textColor=#FEFEFE, borderColor=#E2E2E2, borderRadius=4px, shadow=rgba(10, 10, 10, 0.1) 0px 1px 2px 0px inset - buttonPrimary: background=#0064FF, textColor=#FEFEFE, borderColor=#0064FF, borderRadius=160px, shadow=none - buttonSecondary: background=#B5D2FF, textColor=#000000, borderColor=#B5D2FF, borderRadius=160px, shadow=none ## Brand Personality Tone: professional · Energy: medium · Audience: professionals seeking productivity tools ## RescueTime Brand in the Wild Real-world brand assets — ads, campaigns, marketing materials. - **Timesheets: Powered by RescueTime** - Image: https://d9hhrg4mnvzow.cloudfront.net/timesheets.rescuetime.com/9d5e7278-a76c-4011-82d4-6814c2457bd2-3ab62fe9-f94d-42d5-8e1e-0943141fec80-35116a0e826-2-original.png - Source: https://timesheets.rescuetime.com/ - **Home - RescueTime Blog** - Image: https://i0.wp.com/blog.rescuetime.com/wp-content/uploads/2024/11/Copy-of-SubscribeBlog-Ad.png?fit=750%2C230&ssl=1 - Source: https://blog.rescuetime.com/ - **Own Your Time: Elevate Your Game with RescueTime!** - Image: https://d9hhrg4mnvzow.cloudfront.net/ownyourday.rescuetime.com/05dfff77-231a-47e4-8ed9-0d3f304212ec-young-confident-it-engineer-in-casualwear-using-la-2023-11-27-05-03-18-utc.jpeg - Source: https://ownyourday.rescuetime.com/ - **Everything feels urgent because your system is broken (Here's how to prioritize work that actually matters) - RescueTime Blog** - Image: https://codahosted.io/docs/FeBxeYW8kd/blobs/bl-a_hcokhkqu/e305e203bdb98053c554daa5d4d4cf1f1691c85e9eaebad1c1cd8b341b6f0c5e3356e2aa45a3720fda3f92e458f2fb853276c54f8a0d3da05bc85b5c74be55c0e4c09f8a39e48884b4509af9e3a14b277b52788aec73ced1bcc3c642134f179da91ee963 - Source: https://blog.rescuetime.com/how-to-prioritize-work/ - **Timesheets: Powered by RescueTime** - Image: https://d9hhrg4mnvzow.cloudfront.net/timesheets.rescuetime.com/9ac9552b-27b2-4ff6-a8c9-7b325e485fd2-rt-original-logo-update-14.png - Source: https://timesheets.rescuetime.com/ - **Productivity in 2017: What we learned from analyzing 225 million hours - rescueTime** - Image: https://i0.wp.com/blog.rescuetime.com/wp-content/uploads/2018/01/ben-kolde-403278-copy.jpg?fit=700%2C340&ssl=1 - Source: https://blog.rescuetime.com/225-million-hours-productivity/ ## Working with these fonts Not found on Google Fonts? Agent Instructions that you can follow if you have permission to use the fonts: CharacterQuilt.com suggests this flow that can help: 1. Open the company's homepage in a browser with DevTools open. 2. In the Network tab, filter by "Font" (or by extension: woff2, woff, ttf, otf). 3. Hard-reload the page and click around (pricing, blog, careers) — some weights only load on specific routes. 4. For each captured font URL: right-click → Save As to download the file locally. 5. View the page's CSS (DevTools → Sources, or curl the stylesheet URLs) and copy out the matching @font-face declarations. Rewrite each `src: url(...)` to point to your local file path. Programmatic alternative: load the URL with Playwright or Puppeteer, listen for `response` events whose `Content-Type` starts with `font/`, and write the body to disk. The CSS extraction step is the same. Only do this if you have permission to use the brand assets — most proprietary fonts are licensed and may not be redistributable. ## Machine-Readable Profile ```json { "colorScheme": "light", "fonts": [ { "family": "DM Sans", "role": "body" }, { "family": "Nunito", "role": "heading" } ], "colors": { "primary": "#161A3B", "secondary": "#FF9500", "accent": "#0064FF", "background": "#FEFEFE", "textPrimary": "#0064FF", "link": "#0064FF" }, "typography": { "fontFamilies": { "primary": "DM Sans", "heading": "Nunito" }, "fontStacks": { "heading": [ "Nunito", "sans-serif" ], "body": [ "Nunito", "sans-serif" ], "paragraph": [ "DM Sans", "sans-serif" ] }, "fontSizes": { "h1": "80px", "h2": "44px", "body": "18px" } }, "spacing": { "baseUnit": 6, "borderRadius": "0px" }, "components": { "input": { "background": "#44423F", "textColor": "#FEFEFE", "borderColor": "#E2E2E2", "borderRadius": "4px", "borderRadiusCorners": { "topLeft": "4px", "topRight": "4px", "bottomRight": "4px", "bottomLeft": "4px" }, "shadow": "rgba(10, 10, 10, 0.1) 0px 1px 2px 0px inset" }, "buttonPrimary": { "background": "#0064FF", "textColor": "#FEFEFE", "borderColor": "#0064FF", "borderRadius": "160px", "borderRadiusCorners": { "topLeft": "160px", "topRight": "160px", "bottomRight": "160px", "bottomLeft": "160px" }, "shadow": "none" }, "buttonSecondary": { "background": "#B5D2FF", "textColor": "#000000", "borderColor": "#B5D2FF", "borderRadius": "160px", "borderRadiusCorners": { "topLeft": "160px", "topRight": "160px", "bottomRight": "160px", "bottomLeft": "160px" }, "shadow": "none" } }, "images": { "logo": "https://assets.rescuetime.com/assets/logo-wordmark-53h-16eee90826f6de9302bc25bf0955bf67fa7784df8848475edbb4d040f48174a4.svg", "favicon": "https://www.rescuetime.com/favicon-96x96.png", "ogImage": "https://assets.rescuetime.com/images/sharing/main-og.png", "logoHref": "/" }, "__llm_logo_reasoning": { "selectedIndex": 2, "reasoning": "Selected #2 because it is a large, visible logo with a source URL containing 'logo-wordmark', indicating it is the main brand logo. It links to the homepage, which is a strong indicator of being the primary logo.", "confidence": 0.9, "source": "llm" }, "__llm_button_reasoning": { "primary": { "index": 2, "text": "Try For Free", "reasoning": "Button #2 with text 'Try For Free' uses the vibrant brand color #0064FF, making it the most prominent call-to-action on the page." }, "secondary": { "index": 1, "text": "Try For Free", "reasoning": "Button #1 with text 'Try For Free' uses a lighter shade of blue (#B5D2FF), providing a clear visual distinction from the primary button." }, "confidence": 0.95 }, "personality": { "tone": "professional", "energy": "medium", "targetAudience": "professionals seeking productivity tools" }, "designSystem": { "framework": "custom", "componentLibrary": "" }, "confidence": { "buttons": 0.95, "colors": 0.9, "overall": 0.925 }, "__llm_metadata": { "logoSelection": { "llmCalled": true, "llmSucceeded": true, "finalSource": "llm", "rawLogoSelection": { "selectedLogoIndex": 2, "selectedLogoReasoning": "Selected #2 because it is a large, visible logo with a source URL containing 'logo-wordmark', indicating it is the main brand logo. It links to the homepage, which is a strong indicator of being the primary logo.", "confidence": 0.9 } }, "buttonClassification": { "llmCalled": true, "llmSucceeded": true } } } ```