# Dash0 Brand Identity A complete profile of **Dash0**'s visual system — colors, typography, components, and personality — extracted from https://www.dash0.com/. Built for designers, agents, and AI tools. - Page: https://characterquilt.com/branding/dash0 - Machine-readable JSON: https://characterquilt.com/branding/dash0.json - Per-page llms.txt: https://characterquilt.com/branding/dash0/llms.txt ## Quick Facts | Field | Value | |---|---| | Primary | #FD8C66 | | Accent | #FD8C66 | | Body Font | Roobert | | Heading Font | Roobert | ## Color Palette - primary: #FD8C66 - secondary: #007AFF - accent: #FD8C66 - background: #101010 - textPrimary: #101010 - link: #F8494D ## Typography - primary: Roobert — https://fonts.google.com/specimen/Roobert - heading: Roobert — https://fonts.google.com/specimen/Roobert ## Visual Assets - Logo: https://cdn.sanity.io/images/rdn92ihu/production/1986b39ab8eb6efbab10d9b09e7379df0b0eaf8e-105x20.svg?fit=max&auto=format - Favicon: https://www.dash0.com/favicon.ico - Social card (og:image): https://www.dash0.com/images/og-image.png ## UI Components - input: background=#18181B, textColor=#FFFFFF, borderColor=#404040, borderRadius=8px, shadow=none - buttonPrimary: background=#FD8C66, textColor=#FFFFFF, borderRadius=4px, shadow=none - buttonSecondary: background=#2C2C2C, textColor=#FFFFFF, borderRadius=4px, shadow=none ## Brand Personality Tone: modern · Energy: medium · Audience: tech professionals ## Dash0 Brand in the Wild Real-world brand assets — ads, campaigns, marketing materials. - **Linkerd Integration · Dash0** - Image: https://www.dash0.com/hub/dashboard/preview-image?dashboardId=dsh_linkerd.overview&previewName=linkerd-overview.png - Source: https://www.dash0.com/hub/integrations/int_linkerd/overview - **Blog · Dash0** - Image: https://cdn.sanity.io/images/rdn92ihu/production/de167723e322e3fd05322f6c5de8d8b47da4d43a-3840x2160.png?fit=max&auto=format - Source: https://www.dash0.com/blog - **Code Red Newsletter #11 · Dash0** - Image: https://cdn.sanity.io/images/rdn92ihu/production/6c5c6b4179ef686fd7c72a9197445b0f4df69220-5712x4284.jpg?w=3840&h=2880&fit=max&auto=format - Source: https://www.dash0.com/newsletter/code-red-newsletter-11 - **Blog · Dash0** - Image: https://cdn.sanity.io/images/rdn92ihu/production/49f2fb2e73c099fa61532924ba1f861de351c377-3840x2160.png?fit=max&auto=format - Source: https://www.dash0.com/blog - **Dash0's Vercel Marketplace Integration · Dash0** - Image: https://cdn.sanity.io/images/rdn92ihu/production/54efc94cb9a2a4d4a666109ab132224a103d8c23-4500x2805.png?rect=1,0,4499,2805&w=3840&h=2394&fit=max&auto=format - Source: https://www.dash0.com/blog/dash0-s-vercel-marketplace-integration - **Deep Diving into Dapr Workflows and OpenTelemetry – Tracing the Invisible Parts of Asynchronous Communication · Dash0** - Image: https://www.dash0.com/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Frdn92ihu%2Fproduction%2F6076396e856a804a7e1bfbb0fd4556a26f52d914-1253x648.png%3Fw%3D1253%26h%3D648%26fit%3Dmax%26auto%3Dformat&w=3840&q=100 - Source: https://www.dash0.com/blog/deep-diving-into-dapr-workflows-and-opentelemetry-tracing-the-invisible-parts-of-asynchronous ## 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": "dark", "fonts": [ { "family": "Roobert", "role": "body" } ], "colors": { "primary": "#FD8C66", "secondary": "#007AFF", "accent": "#FD8C66", "background": "#101010", "textPrimary": "#101010", "link": "#F8494D" }, "typography": { "fontFamilies": { "primary": "Roobert", "heading": "Roobert" }, "fontStacks": { "heading": [ "Roobert", "system-ui", "sans-serif", "ui-sans-serif", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" ], "body": [ "Roobert", "system-ui", "sans-serif", "ui-sans-serif", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" ], "paragraph": [ "Roobert", "system-ui", "sans-serif", "ui-sans-serif", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" ] }, "fontSizes": { "h1": "44px", "h2": "36px", "body": "16px" } }, "spacing": { "baseUnit": 4, "borderRadius": "4px" }, "components": { "input": { "background": "#18181B", "textColor": "#FFFFFF", "borderColor": "#404040", "borderRadius": "8px", "borderRadiusCorners": { "topLeft": "8px", "topRight": "8px", "bottomRight": "8px", "bottomLeft": "8px" }, "shadow": "none" }, "buttonPrimary": { "background": "#FD8C66", "textColor": "#FFFFFF", "borderRadius": "4px", "borderRadiusCorners": { "topLeft": "4px", "topRight": "4px", "bottomRight": "4px", "bottomLeft": "4px" }, "shadow": "none" }, "buttonSecondary": { "background": "#2C2C2C", "textColor": "#FFFFFF", "borderRadius": "4px", "borderRadiusCorners": { "topLeft": "4px", "topRight": "4px", "bottomRight": "4px", "bottomLeft": "4px" }, "shadow": "none" } }, "images": { "logo": "https://cdn.sanity.io/images/rdn92ihu/production/1986b39ab8eb6efbab10d9b09e7379df0b0eaf8e-105x20.svg?fit=max&auto=format", "favicon": "https://www.dash0.com/favicon.ico", "ogImage": "https://www.dash0.com/images/og-image.png", "logoHref": "/", "logoAlt": "Dash0 Logo" }, "__llm_logo_reasoning": { "selectedIndex": 0, "reasoning": "Selected #0 because it is visible, located in the header, and links to the homepage, matching the brand 'Dash0'.", "confidence": 0.9, "source": "llm" }, "__llm_button_reasoning": { "primary": { "index": 0, "text": "Start Free Trial", "reasoning": "Button #0 'Start Free Trial' uses the vibrant brand color #FD8C66, making it the most prominent CTA." }, "secondary": { "index": 1, "text": "Book a demo", "reasoning": "Button #1 'Book a demo' uses a different color group (#2C2C2C) and serves as a secondary action." }, "confidence": 0.95 }, "personality": { "tone": "modern", "energy": "medium", "targetAudience": "tech professionals" }, "designSystem": { "framework": "tailwind", "componentLibrary": "" }, "confidence": { "buttons": 0.95, "colors": 0.9, "overall": 0.925 }, "__llm_metadata": { "logoSelection": { "llmCalled": true, "llmSucceeded": true, "finalSource": "llm", "rawLogoSelection": { "selectedLogoIndex": 0, "selectedLogoReasoning": "Selected #0 because it is visible, located in the header, and links to the homepage, matching the brand 'Dash0'.", "confidence": 0.9 } }, "buttonClassification": { "llmCalled": true, "llmSucceeded": true } } } ```