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 verschiedene Marken und Kontexte – 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
Robuste Foundation – Sichere, performante, barrierefreie Basis
Kurze Umsetzungszeit – 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 übermässige Entwicklungszeit erfordert.

Für wen ist Celestia?

Für Digital Unit:

Professionelle Websites mit individuellem Branding
Kürzere Lieferzeiten
Effizienz durch wiederverwendbare Bausteine
Zukunftssichere, skalierbare Lösungen
Effiziente Skalierung von Webprojekten
Konsistente Qualitätsstandards
Besserer Fokus auf Strategie und Kreativität statt Grundlagenarbeit

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)

Für Entwickler*innen:

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

Das White-Label-Konzept

Celestia löst diese 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 Marke
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 bestehenden Systemen

Technologische Foundation

Gaia Tech Stack

Celestia baut auf Gaia, unserem 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.