Design System
v3 Showcase
Warm White. Animated Stats. Brand Differenzierung.
v3 Upgrades New
Warm White
Helle Slides nutzen #faf8f5 statt reines Weiss. Wärmer, weniger steril — angelehnt an Pantone 2026 «Cloud Dancer».
Brand Gradients
Nicht nur Purple — Strategy-Gradient als zweite Variante für Differenzierung.
Raus aus dem «Linear Clone»
Purple+Dark+Glass ist 2026 generisch geworden. SGT differenziert sich über seine 3 Department-Farben und editorial-artige Elemente.
Feature Overview v3
Dark-First Design
Das neue Default. Alle Slides starten dunkel — Premium-Look auf jedem Screen und Beamer.
Glassmorphism
Frosted-Glass-Karten mit Blur und subtilen Borders.
Bento Grid
Apple-Style Feature Grids mit flexiblen Zellen.
Gradients
Purple- und Strategy-Gradient-Slides für Key Moments.
Glass Cards
Standard Glass
Subtle Transparenz mit softem Border. Perfekt für dunkle Slides.
Purple Accent
Glass Card mit Purple Border Glow. Für Brand-relevante Inhalte.
Technology Accent
Blue Border Accent. Für technische Features und Daten.
Tags & Pills New
Pill Tags für dunkle Slides:
Eckige Tags für helle Slides:
Unsere Leistungen
- Brand Strategy — Positionierung, Messaging, Markenarchitektur
- Visual Identity — Logo, Design System, Guidelines
- Digital Experience — Websites, Apps, E-Commerce
- Content & Campaigns — Social Media, Video, Performance
Warum Sergeant?
Was uns von anderen Agenturen unterscheidet
- Strategie, Kreation und Technologie aus einer Hand
- Inhabergeführt — kurze Wege, schnelle Entscheide
- Nachweisbare Resultate: +42% Conversion, -35% Cost per Lead
- Feste Teams statt wechselnde Freelancer
Projektansatz
Unser bewährter Prozess für nachhaltige Ergebnisse
- Discovery — Stakeholder-Interviews, Marktanalyse, Audit
- Strategy — Positionierung, Zielgruppen, Messaging
- Konzept — Wireframes, Moodboards, Prototyping
- Umsetzung — Design, Development, Content-Produktion
- Launch & Optimierung — Go-Live, Monitoring, Iteration
Empfohlenes Vorgehen
- Phasenweiser Rollout statt Big Bang
- MVP in 8 Wochen, dann iterieren
- Enger Feedback-Loop mit dem Kunden
Unsere Empfehlung: Start mit Phase 1 im April, Launch-ready bis Q3 2026.
Slide-Typen Übersicht
| Slide-Typ | Einsatz | Headline |
|---|---|---|
| cover | Titelfolie mit Logo | 80px (6XL) |
| impact | Oversized Statement | 120px (7XL) |
| stat | Eine grosse Zahl pro Slide | 160px (8XL) |
| gradient | Purple / Strategy Gradient | 80px (6XL) |
| bento | Apple-Style Feature Grid | 40px (2XL) |
Budget Übersicht
| Phase | Timeline | Budget |
|---|---|---|
| Foundation | Q1 2026 | CHF 60k |
| Entwicklung | Q2 2026 | CHF 90k |
| Launch | Q3 2026 | CHF 40k |
Phase / Timeline
Foundation Q1 2026
Setup, Design System, Kerninfrastruktur und erste Templates.
Entwicklung Q2 2026
Feature-Entwicklung, Content-Migration, Integrationen.
Launch Q3 2026
Testing, Beta-Phase, Go-Live und Monitoring.
Pull Quote v3
Editorial-Element für Zitate und Key Insights
Brands, die in den nächsten 5 Jahren nicht in AI Visibility investieren, werden unsichtbar sein — unabhängig von ihrem Mediabudget.
Pull Quote (Light)
Funktioniert auch auf hellen Slides
Design ist nicht wie es aussieht. Design ist wie es funktioniert.
Brand Divider v3
Gradient-Linien statt neutraler Trennstriche
Purple → Technology
Tri-Color (Strategy → Creativity → Purple)
Wide
Donut Charts v3
Animierte Datenvisualisierung beim Slide-Einblenden
Bar Chart v3
Animierte Balkendiagramme mit Department-Farben
v2 vs. v3
v2 — Dark-First
Pure White, statische Stats, nur Purple-Gradient, keine editorial Elemente.
v3 — Refined
Warm White, animierte Stats & Charts, 4 Gradients, Pull Quotes, Brand Dividers.
Type Scale
Accessibility WCAG AA
Kontrast
Normaler Text: ≥ 4.5 : 1
Grosser Text (≥24px): ≥ 3 : 1
Gedämpfter Text auf Dark: min. rgba(…, 0.5)
Zeilenabstand
Minimum: 1.25 (line-height / font-size)
Body: empfohlen 1.4 – 1.6
Ausnahme: Stat-Zahlen dürfen 1.0
Vielen Dank.
Fragen? Nächste Schritte besprechen?
Sergeant AG · At Your Brand's Service
michel.mueller@sergeant.agency · +41 44 446 80 00