STÜTZ Spectrum

Das zentrale Digital Design System für STÜTZ – eine professionelle, kohärente Corporate Identity über vier spezialisierte Geschäftsbereiche. Alle Spezifikationen für digitale Medien, Webseiten und Dokumentation optimiert.

spectrum.stuetz.co.at ist die zentrale Referenz für alle Design-Standards, Farben, Typografie und Guidelines. Diese Plattform dient als Quelle für alle zukünftigen Webseiten und Corporate-Design-Projekte innerhalb der STÜTZ-Unternehmensgruppe.

Primärpalette – Alle Kanäle

Diese vier Farben bilden die Grundlage aller Geschäftsbereiche und garantieren konsistente Darstellung auf Webseiten, Dokumenten und sozialen Medien.

Dark Navy

#0F1419

Überschriften, Dunkelmodus

Navy

#1a2332

Primärtext

Anthrazit

#2a2f38

Rahmen, UI-Elemente

Slate

#4a5568

Sekundärtext

Akzentfarben pro Geschäftsbereich

Infrastructure Solutions – Teal

Teal

Infra Teal

#00a8a8

Primärer CTA

Teal Dark

Infra Teal Dark

#008b8b

Hover-Zustände

Teal Light

Infra Teal Light

#e0f9f9

Hintergründe

Domain Portfolio – Gold

Gold

Domain Gold

#d4a574

Premium, CTA

Gold Dark

Domain Gold Dark

#a68148

Hover, Hervorhebung

Gold Light

Domain Gold Light

#f5ede3

Hintergründe

Hospitality Services – Green

Green

Hospitality Green

#22c55e

Premium-Erlebnis, CTA

Green Dark

Hospitality Green Dark

#16a34a

Hover, Tiefe

Green Light

Hospitality Green Light

#f0fdf4

Hintergründe

Property Development – Slate-Blue

Slate-Blue

Property Slate

#4B5A7A

Stabilität, CTA

Slate Dark

Property Slate Dark

#364155

Hover, Tiefe

Slate Light

Property Slate Light

#e8ebf0

Hintergründe

Typografie & Schriftarten

Moderne, professionelle Schriftarten für maximale Lesbarkeit und Premium-Wahrnehmung. Alle Schriften sind über Google Fonts verfügbar.

Schriftfamilien

Display/Überschriften: Inter Bold / Semibold – Modern, präzise, tech-fokussiert

Fließtext: Inter Regular / Medium – Optimiert für längere Texte, hochgradig lesbar auf Bildschirmen

Code/Technisch: Courier New – Monospace für technische Dokumentation und Code-Beispiele

Typografische Hierarchie & Live-Beispiele

H1: Haupttitel

Inter Bold | 2.5rem (40px) | Letter-spacing: -1px | Line-height: 1.2

H2: Sektionen & Untertitel

Inter Bold | 2rem (32px) | Letter-spacing: -0.5px | Line-height: 1.3

H3: Subsektionen

Inter Semibold | 1.5rem (24px) | Letter-spacing: 0 | Line-height: 1.4

Body Text – Primärer Fließtext für Webseiten und Dokumentation

Inter Regular | 1.1rem (18px) | Letter-spacing: 0 | Line-height: 1.6 | Color: #4a5568

Small Text – Sekundäre Informationen, Captions und Metadaten

Inter Regular | 0.95rem (14px) | Letter-spacing: 0 | Line-height: 1.5 | Color: #4a5568

Font Loading – HTML Head

<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">

<style>
  body { font-family: 'Inter', sans-serif; }
  h1, h2, h3 { font-weight: 700; }
</style>

Geschäftsbereiche – Spezialisierte Identitäten

Jeder Bereich hat eine dedizierte Akzentfarbe und kann als separate Subdomain positioniert werden. Die zentrale STÜTZ-Philosophie bleibt konsistent, während jede Einheit ihre Spezialisierung unterstreicht.

🖥️ Infrastructure Solutions

Akzentfarbe: Teal #00a8a8 | Domain: infrastructure.stuetz.co.at

Fokus: IT-Infrastruktur für Großprojekte, VLAN-Design, Netzwerk-Sicherheit, Facility Management

Tonalität: Technisch präzise, zuverlässig, vertrauenswürdig, datengesteuert

🌐 Domain Portfolio

Akzentfarbe: Gold #d4a574 | Domain: domain.stuetz.co.at

Fokus: Premium Domain-Brokerage, digitale Vermögensverwaltung, strategische Positionen

Tonalität: Premium, wertsteigernd, zukunftsorientiert, exklusiv

🏨 Hospitality Services

Akzentfarbe: Green #22c55e | Domain: hospitality.stuetz.co.at

Fokus: Venue-Management, Erlebnis-Gestaltung, Gastgewerbe-Lösungen

Tonalität: Elegant, erlebnisorientiert, kundenorientiert, innovativ

🏢 Property Development

Akzentfarbe: Slate-Blue #4B5A7A | Domain: property.stuetz.co.at

Fokus: Immobilienentwicklung, Urban Development, Living & Working Solutions

Tonalität: Solide, zukunftsorientiert, nachhaltig, werteorientiert

UI Komponenten & Beispiele

Button-Varianten pro Geschäftsbereich

Content-Boxen pro Geschäftsbereich

Infrastructure

Technische Lösungen für komplexe Infrastruktur-Anforderungen in Großprojekten.

Domain Portfolio

Premium digitale Vermögensverwaltung und professionelle Domain-Brokerage.

Hospitality

Exklusive Erlebnis- und Venue-Management-Lösungen für hochwertige Standards.

Property

Nachhaltige Immobilienentwicklung und Urban Solutions für zukunftsgerichtete Projekte.