Media Kit
Download official ZDFZ logos for both light and dark backgrounds in SVG and PNG formats.
ZDFZ Logos (Black) Download All
ZDFZ Logos (White) Download All
Colors
Primary Colors
Lagoon Green
Core ZDFZ accent used for cooperative, growth, and regulatory clarity moments.
Hex: #0F9C54
Indian Ocean Blue
Primary digital-first color used across callouts, highlights, and links.
Hex: #04A7E8
Sun Gold
Warm accent for emphasis, regulatory badges, and value-creation highlights.
Hex: #F6C343
Signal Green
High-visibility green used for success states, confirmations, and uptime signals.
Hex: #3FE660
Secondary Colors
Midnight Base
Primary background color used for deep sections and hero canvases.
#040A14
Cloud Overlay
Subtle surface overlay for cards, panels, and glassmorphism effects.
rgba(255,255,255,0.08)
Soft White
Light text and interface color for typography on dark backgrounds.
#F3F5F7
Gradient Colors
Zanzibar
Signature ZDFZ gradient used for underlines, highlights, and key CTAs.
#04A7E8 → #F6C343 → #0F9C54
Sun Lagoon
Warm-to-green gradient used for impact highlights and value transitions.
#F6C343 → #0F9C54
Green Lagoon
Gradient between Lagoon Green and Signal Green used for positive and growth states.
#0F9C54 → #3FE660
Ocean Lagoon
Used across cooperative and residency blocks as a motion accent.
#04A7E8 → #0F9C54
Base Layout Gradient
Core site background gradient used in the global layout to convey depth and infrastructure.
#040A14 → #02060F → #050A12
Typography
View & Download DM SansZDFZ uses a simple, legible type scale built on DM Sans. Below are the primary text primitives you can reuse in product and brand layouts.
Eyebrow
H2 · text-xs/7 · font-semibold · uppercase · tracking-[0.16em] · color: Lagoon Green
THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG
Header (H3)
H3 · text-3xl lg:text-4xl · font-medium · leading-tight · tracking-tight
The quick brown fox jumps over the lazy dog
Paragraphs (P)
P · text-base lg:text-xl · leading-relaxed · regular weight
The quick brown fox jumps over the lazy dog.
Card Title (CT)
Span · text-base lg:text-lg · leading-normal · font-medium
The quick brown fox jumps over the lazy dog
Card Texts (CP)
P · text-xs lg:text-base · tracking-wide · leading-normal · font-light
The quick brown fox jumps over the lazy dog.