Skip to main content

D2 Brand Guide

Reference for colors, typography, and UI components

Colors

D2 Blue (Footer)

#041D35

bg-d2-blue

text-d2-blue

Cleaner Day

#00AEEF

bg-cleaner-day

text-cleaner-day

Navy

#0A2540

bg-navy

text-navy

Cyan

#00A9E0

bg-cyan

text-cyan

Light Blue

#E6F4FA

bg-light-blue

text-light-blue

Primary

#0071BB

bg-primary

text-primary

Typography

Font Families

Heading Font (H1, H2)

Revolution Gothic Bold

font-heading

Body Font

Neuzeit Grotesk

font-body / font-sans

Headings

H1 - clamp(2rem, 5vw, 3rem)

The quick brown fox

H2 - clamp(1.75rem, 4vw, 2.25rem)

The quick brown fox

H3 - clamp(1.25rem, 3vw, 1.75rem)

The quick brown fox

H4 - 1.5rem

The quick brown fox

H5 - 1.25rem
The quick brown fox
H6 - 1.125rem
The quick brown fox

Body Text

This is a standard paragraph. D2 Sanitizers provides professional-grade sanitization products for commercial and industrial applications. Our products are EPA-registered and NSF-certified for food contact surfaces.

font-size: 1.125rem (18px) | line-height: 1.6

Buttons

Links

Default Link

This is a link

Footer Link (on dark background)

Footer link style

Color Combinations

Footer Style

Background: D2 Blue (#041D35)

Link: Cleaner Day

Light Section

Background: Light Blue (#E6F4FA)

Link: Primary

CTA Section

Background: Primary (#0071BB)

Default Content

Background: White

Text: Navy (#0A2540)

CSS Variables

@theme {
  --color-d2-blue: #041D35;
  --color-cleaner-day: #00AEEF;
  --color-navy: #0A2540;
  --color-cyan: #00A9E0;
  --color-light-blue: #E6F4FA;
  --color-primary: #0071BB;
}