Corporate Identity Guidelines

Link11.
Brand Book

Richtlinien für die konsistente Anwendung der Link11-Markenidentität über alle Kanäle und Touchpoints hinweg.

Version2.0 — März 2026
StatusAktuell
ScopeIntern & Partner
01 — Farbpalette

Brand Colors

Drei Kernfarben bilden die Basis der Link11-Identität. Navy steht für Vertrauen und Sicherheit, Forest für Stabilität, Green für Innovation und Energie.

Navy
HEX#101B2F
RGB16, 27, 47
HSL219°, 49%, 12%
CMYK89, 72, 40, 52
Forest
HEX#14563A
RGB20, 86, 58
HSL155°, 62%, 21%
CMYK88, 30, 70, 33
Green
HEX#28D567
RGB40, 213, 103
HSL142°, 68%, 50%
CMYK62, 0, 68, 0
Empfohlene Kombinationen
Primär — Dark
Link11 Secure
Primär — Light
Link11 Secure
Accent on Forest
Link11 Secure
Green CTA
Jetzt schützen →
02 — Typografie

Montserrat

Montserrat ist die primäre Schriftfamilie für alle Link11-Kommunikation. Sie vermittelt Modernität, Klarheit und Professionalität.

Schriftfamilie — Montserrat
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 !@#$%&*()€
Light 300
Fließtext, Sublines
Regular 400
Body Text, Beschreibungen
SemiBold 600
Labels, Navigation
Bold 700
Subheadlines, CTAs
ExtraBold 800
Headlines H2–H3
Black 900
Hero Headlines H1
Typografie-Skala
3.5 rem
Hero H1
Cyber Resilience
2 rem
Section H2
DDoS Protection
1.25 rem
Card H3
Secure DNS Service
1 rem
Body
Link11 schützt Ihre kritische Infrastruktur mit KI-basierter Erkennung in Echtzeit.
0.75 rem
Caption
ENTERPRISE SECURITY SUITE
04 — Verläufe & Flächen

Gradients

Genehmigung: Verläufe dürfen nur zwischen den drei Markenfarben erstellt werden. Keine externen Farbtöne.

Navy → Forest Copy CSS
Forest → Green Copy CSS
Navy → Green Copy CSS
Full Spectrum Copy CSS
Radial Glow Copy CSS
Vertical Split Copy CSS
05 — Anwendungsbeispiele

UI Elements

Konsistente Gestaltung von Buttons, Badges und Interface-Elementen gemäß Brand Guidelines.

Buttons
Badges & Tags
DDoS Protection CDN WAAP Bot Management Secure DNS
Produkt-Icons (Platzhalter)
🛡️
🔒
🌐
🤖
06 — Für Entwickler

Code & Tokens

CSS Custom Properties und Einbindung für die technische Implementierung.

:root {
  /* Link11 Brand Colors */
  --l11-navy: #101B2F;
  --l11-forest: #14563A;
  --l11-green: #28D567;

  /* Semantic Aliases */
  --l11-bg-dark: var(--l11-navy);
  --l11-bg-accent: var(--l11-forest);
  --l11-accent: var(--l11-green);
  --l11-text-on-dark: #ffffff;
  --l11-text-on-light: var(--l11-navy);

  /* Typography */
  --l11-font: 'Montserrat', sans-serif;

  /* Spacing */
  --l11-radius-sm: 8px;
  --l11-radius-md: 12px;
  --l11-radius-lg: 16px;
}
<!-- Google Fonts Einbindung -->
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">
/* Tailwind CSS Config */
module.exports = {
  theme: {
    extend: {
      colors: {
        'l11-navy': '#101B2F',
        'l11-forest': '#14563A',
        'l11-green': '#28D567',
      },
      fontFamily: {
        'brand': ['Montserrat', 'sans-serif'],
      },
    },
  },
}