Introduction

Celestia ist ein leistungsfähiges White-Label Design System, entwickelt von der Digital Unit bei Stutz Medien. Es ermöglicht die schnelle und konsistente Erstellung hochwertiger Websites für verschiedenste Kunden und Marken – ohne dabei Qualität, Barrierefreiheit oder Individualität zu opfern.

Was ist Celestia?

Celestia ist kein starres Template, sondern ein flexibles, anpassbares System. Es vereint bewährte Design-Prinzipien, technische Excellence und Brand-Anpassbarkeit in einem kohärenten Framework:

Anpassbare Komponenten – Für jede Marke individualisierbar
Design Tokens – Einfache Brand-Anpassung ohne Code-Änderungen
White-Label-Architektur – Jede Website sieht einzigartig aus
Enterprise-Grade Foundation – Sichere, performante, barrierefreie Basis
Schnelle Time-to-Market – Effizienz durch Wiederverwendung

Vision und Zweck

Die Vision von Celestia ist es, die Lücke zwischen individuellem Design und effizienter Entwicklung zu schliessen. Wir glauben, dass jede Marke eine einzigartige Website verdient – ohne dass dies Monate Entwicklungszeit und sechsstellige Budgets erfordern sollte.

Für wen ist Celestia?

Für Kund*innen:

Professionelle Websites mit individuellem Branding
Schnellere Lieferzeiten
Kosteneffizienz durch wiederverwendbare Bausteine
Zukunftssichere, skalierbare Lösungen

Für Stutz Medien:

Effiziente Skalierung von Webprojekten
Konsistente Qualitätsstandards
Wiederkehrende Einnahmen durch Wartung und Erweiterung
Fokus auf Strategie und Kreativität statt Grundlagenarbeit

Für Entwickler*innen:

Getestete, dokumentierte Komponenten
Klare Architektur und Standards
Einfache Anpassung für neue Brands
Moderner Tech Stack (Astro, Sanity, Tailwind, TypeScript)

Für Designer*innen:

Eine fertige UI-Library in Figma
Zentrale Steuerung von Variabeln die sich systemweit vererben
Weniger Zeitaufwand für Basiselemente - mehr Zeit für Branding & UX
Automatisierte Konsistenz (Grids, Abstandsregeln)

Das White-Label-Konzept

Individualität durch System

Celestia löst scheinbar widersprüchliche Ziele:

Einheitliche Qualität – Jedes Projekt basiert auf denselben soliden Fundamentals:

Semantisches HTML und Barrierefreiheit (WCAG 2.1 AA)
Performance-Optimierung (Core Web Vitals)
SEO-Best-Practices
Sicherheitsstandards

Visuelle Individualität – Durch anpassbare Design Tokens:

Farbpaletten pro Kunde
Typografie-Systeme
Spacing und Layouts
Brand-spezifische Komponenten-Varianten

Funktionale Flexibilität – Modularität ermöglicht:

Verschiedene Page-Templates
Wählbare Feature-Sets
Custom Components pro Projekt
Integration mit Kunden-Systemen

Technologische Foundation

Gaia Tech Stack

Celestia baut auf Gaia, unserem bewährten Tech Stack:

Astro – Statische Site Generation für Performance
Sanity CMS – Headless CMS für flexible Content-Verwaltung
Tailwind CSS – Utility-First Styling mit Design Tokens
Netlify – Globales CDN und Edge-Functions
TypeScript – Typsicherheit und bessere Developer Experience

Celestia – Entwickelt mit Rumspielen von der Digital Unit bei Stutz Medien.