Distro Brand: Colors, Fonts, Logo & Visual Identity

Distro Brand Identity

A complete profile of Distro's visual system — colors, typography, components, and personality — extracted from https://distro.app. Built for designers, agents, and AI tools.

Color Palette

Brand palette extracted from https://distro.app.

Type Color Code RGB
primary #00356B rgb(0, 53, 107)
secondary #0000EE rgb(0, 0, 238)
accent #00356B rgb(0, 53, 107)
background #FFFFFF rgb(255, 255, 255)
textPrimary #1C2024 rgb(28, 32, 36)
link #F0F7FF rgb(240, 247, 255)

Typography

Each font links to its Google Fonts page where available.

Type Font
primary Work Sans
heading Work Sans

UI Components

Live previews rendered using Distro's actual button styles.

Button Primary

Button Secondary

Brand Personality

Distro Brand in the Wild

Image Source: distro.app

Image Source: distro.app

Image Source: distro.app

Image Source: distro.app

Image Source: distro.app

Image Source: distro.app

Frequently Asked Questions

  1. What is Distro's primary brand color?
    Distro's primary brand color is #00356B. It anchors the visual identity across their website, product UI, and marketing materials.

  2. What font does Distro use?
    Distro uses Work Sans as the primary typeface across body and headings.

  3. Does Distro use a light or dark theme?
    Distro's primary site uses a light color scheme, with a background of #FFFFFF.

  4. Where can I find Distro's logo?
    Distro's logo is available directly on their site (https://distro.app). The current logo URL is included in the machine-readable JSON profile linked above.

  5. How was this brand profile generated?
    This profile was extracted from https://distro.app 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 Distro.

Machine-Readable Profile

Direct endpoints for agents, designers, and tooling. No login or auth required.