Wie diese Seite gebaut ist.

Vanilla HTML, CSS und JavaScript. Kein Framework, kein Build-Step, keine Hydration. Eine Designentscheidung, keine Notlösung: für eine Marketing-Site ist das schneller, robuster und länger wartbar als jedes SPA.

• HTML5
• CSS (Grid, Custom Properties, View Transitions)
• Vanilla JS
• 0 Dependencies

Statisches Hosting auf Vercel (Region Frankfurt) für schnelle Auslieferung in der DACH-Region. Lead-Daten (Kontakt, Newsletter) liegen auf einer Postgres-Instanz bei Infomaniak in der Schweiz.

• Vercel · FRA
• Infomaniak · CH-Postgres
• Resend · EU-Mail

Plausible Analytics, self-hosted in der Schweiz. Keine Tracking-Cookies, kein Third-Party-JavaScript, kein Cross-Site-Tracking. Die Website setzt keinen clientseitigen Speicher — siehe Cookie-Richtlinie.

• 0 Tracking-Cookies
• 0 Third-Party-JS
• Plausible · self-hosted

Selbst gesetzte Obergrenzen, gegen die wir die Seite messen. Nicht „so schnell wie möglich", sondern ein verbindliches Budget — genau die Disziplin, die wir auch in KMU-Projekte einbringen.

• < 50 KB JavaScript (unkomprimiert)
• < 1 s Largest Contentful Paint
• 0 Layout-Shift bei Schrift- und Bild-Laden
• 100 % Tastatur-Bedienbarkeit

Zwei Familien, beide via Google Fonts mit display=swap. Geist trägt den gesamten lesbaren Inhalt — Headlines wie Fliesstext. Fraunces setzt sparsam Akzente: einzelne betonte Wörter in Headlines erscheinen als Serif-Kursive.

• Geist · Inhalt
• Fraunces · Akzent

Strikte Content-Security-Policy, HSTS mit Preload, nosniff, restriktive Permissions-Policy und frame-ancestors 'none'. Eine security.txt nach RFC 9116 lädt zu verantwortungsvoller Offenlegung ein.

• CSP
• HSTS · preload
• security.txt (RFC 9116)

Semantisches HTML, sichtbarer Skip-Link, ARIA nur wo nötig, Fokus-States, prefers-reduced-motion-Respekt und durchgängig WCAG-AA-Kontraste. Coral-Text auf Cream läuft über eine abgedunkelte Variante, um die 4.5:1-Schwelle zu halten.

• WCAG AA
• reduced-motion
• Skip-Link