Dagster Brand Identity

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

Color Palette

Brand palette extracted from https://dagster.io/.

• Primary: #1F2A37
• Secondary: #1B0130
• Accent: #040615
• Background: #FFFFFF
• Text Primary: #111927
• Link: #111927

Typography

Each font links to its Google Fonts page where available.

• Primary: Geist
• Heading: Geist

Visual Assets

UI Components

Live previews rendered using Dagster's actual button styles.

Button Primary

• Background: #040615
• Text Color: #000000
• Border Radius: 48px
• Shadow: none

Button Secondary

• Background: #1B0130
• Text Color: #FFFFFF
• Border Radius: 48px
• Shadow: none

Brand Personality

• Tone: modern
• Energy: medium
• Audience: data professionals and businesses

Dagster Brand in the Wild

Image: docs.dagster.io
Source: docs.dagster.io

Image: cdn.prod.website-files.com
Source: dagster.io

Frequently Asked Questions

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

What accent color does Dagster use?
Dagster uses #040615 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.

What font does Dagster use?
Dagster uses Geist as the primary typeface across body and headings.

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