NEXO
Unsere Markenelemente
Farben, Logos und Design-Richtlinien für eine konsistente Markenpräsenz
Farben
Primär- & Hintergrundfarben
Logos
Hell, dunkel & farbig
Gradients
CSS-Verläufe
Brand Colors
#ff8c00 · #B96908
Unsere Farbpalette
Primärfarben
Primary Orange
HEX
#ff8c00
RGB
255, 140, 0
Secondary Orange
HEX
#B96908
RGB
185, 105, 0
Orange Light
HEX
#ff8c00 · 10%
RGB
255, 140, 0, 0.1
Hintergrundfarben
Zinc 950
#050506Zinc 900
#0b0b0dZinc 800
#202024Zinc 700
#3b3b42Textfarben
White
#ffffffGray 200
#e5e7ebZinc 300
#d4d4d8Gray 400
#9ca3afUnsere Logos
Logo Verwendungsrichtlinien
Erlaubt
- •Logo immer in Originalproportionen verwenden
- •Ausreichend Freiraum um das Logo herum lassen
- •Logo auf kontrastreichem Hintergrund platzieren
- •PNG-Dateien mit Transparenz verwenden
Nicht erlaubt
- •Logo nicht verzerren oder stauchen
- •Logofarben nicht verändern
- •Logo nicht drehen oder kippen
- •Keine Effekte oder Schatten hinzufügen
Gradient Beispiele
Primary Gradient (Horizontal)
CSS
from-[#ff8c00] to-[#ff8c00]/70
Background Gradient
CSS
from-zinc-950 via-zinc-950 to-zinc-900
Section Gradient (Vertical)
CSS
from-zinc-900 to-zinc-950