Dash Digital Studio
light theme
Independent Style Review

Dash Digital Studio-Style Design System

The Dash Digital Studio design system uses a light-themed visual language. The primary brand color is Carbon Text (#2a2a2a); text is Midnight Ink (#000000) on a Storm Canvas (#f0f0f0) background. Typography is set in Founders Grotesk and Editorial Neue. This DESIGN.md contains 5 color tokens and a 6-step type scale; give it to AI tools like Claude, Cursor or v0 to generate consistent interfaces in the style of Dash Digital Studio.

Color Palette

FONTS

Typography

Component Previews

Independent Style Review

Dash Digital Studio-style design system: color codes and fonts

Theme
light
Primary color
Carbon Text (#2a2a2a)
Fonts
Founders Grotesk, Editorial Neue
Source
dashdigital.studio

Architectural blueprints on concrete

Dash Digital Studio employs a stark and confident design language, built on a monochromatic palette of industrial grays and pure black. Typography is sharp and impactful, leveraging precise letter-spacing to create a sense of focused clarity. The layout is disciplined, using robust hairline borders to define content blocks, and relies on subtle motion and confident imagery over color to convey a sense of premium precision.

Original style summary

Dash Digital Studio color codes

ColorHEXCSS tokenUsage
Storm Canvas#f0f0f0--color-storm-canvasPage backgrounds, large content sections, subtle surface transitions
Carbon Text#2a2a2a--color-carbon-textGeneral text, secondary headings, link text, hairline borders, inactive navigation items — provides sharp contrast against light surfaces
Midnight Ink#000000--color-midnight-inkPrimary headings, strong emphasis text, decorative borders for section dividers
Cloud Gray#fafafa--color-cloud-grayElevated card backgrounds, subtle highlight surfaces
Slate Divider#d6d6d6--color-slate-dividerSubtle section dividers, background for less prominent informational blocks

Which fonts does Dash Digital Studio use?

FontWeightsFallback
Founders Grotesk300, 400Inter
Editorial Neue400Playfair Display
RoleSizeLine heightToken
caption12px1--text-caption
body-sm14px1.2--text-body-sm
heading22px1--text-heading
heading-lg40px0.9--text-heading-lg
display70px0.88--text-display
display-xl101px0.8--text-display-xl

How do I use this DESIGN.md?

  1. Download the DESIGN.md file and place it in your project root.
  2. Tell Claude Code, Cursor, v0 or Google Stitch: “Design the UI following the rules in DESIGN.md.”
  3. Use Fork & Customize to adapt the colors, fonts or components to your own brand.

Raw DESIGN.md file →

This page is MakeMyMD's independent review of the colors, typography and spacing visible on Dash Digital Studio's public website (dashdigital.studio). It is not an official brand guideline; MakeMyMD is not affiliated with or endorsed by Dash Digital Studio. The Dash Digital Studio name and trademarks belong to their owner; no brand imagery, logos or copy are used. Rights holders can request removal at [email protected].

Design Systems

Similar design systems