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.

Quick Facts

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? Instructions that you can follow if you have permission to use the fonts:

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.