ALBO Systems

Design System & Page Structures.

Version v0.9 · 18.05.2026
Scope Landing · Score-Tool · Sub-Pages
Lang de-CH · Sie-Form
Owner ALBO Systems AG
00 — Design Principles

Sechs Prinzipien.

01

Whitespace ist Selbstvertrauen.

Cluttered = „ich habe Angst, dass Du das übersiehst". Spacious = „was ich zeige, ist wichtig".

02

Show, don't tell.

Behauptung durch Demo ersetzen. Dashboard-Screenshot statt Marketing-Adjektiv. Echte AI-Antwort statt Stock-Versprechen.

03

Daten sind Zier.

Zahlen in Mono, mit Kontext und Quelle. Keine generischen Stat-Kacheln. Keine Round-Numbers ohne Beleg.

04

Ein Fokus pro Sektion.

Jeder Scroll-Stop hat einen Job. Sekundäres bleibt sekundär. CTAs nicht zersplittern.

05

Hierarchie durch Skala.

Wichtigstes ist visuell wichtigstes. Kein Boxed-Card-Mix. Kein „alles gleich gross".

06

Confidence ohne Theater.

„Wir machen X" statt „wir können bei X helfen". Niemals Hype-Coded. Schweizer Understatement.

01 — Tagline-Vorschläge

Drei Optionen, eine Empfehlung.

Option A · Primaryempfohlen
Sichtbar in der Antwort.
Warum

Outcome auf den Punkt. AI wird impliziert, nicht ausgesprochen — vermeidet Buzzword-Verfall. „Antwort" ist das, was die Engine liefert; „sichtbar" ist das, was der Kunde kauft. Drei Worte, Schweizer Direktheit.

Zeichen22
Lifespan≥ 5 Jahre
StilOutcome
Risikotief
Option B · Identitätsstark·
Genannt werden,
wenn es zählt.
Warum

Spiegelt den Buyer-Moment. „Wenn es zählt" = die Recherche-Sekunde, in der ein Anbieter genannt wird oder eben nicht. Kein einziges Tool-Wort. Funktioniert auch, wenn AI-Engines anders heissen.

Zeichen30
Lifespanzeitlos
StilBuyer-POV
Risikotief
Option C · Mechanisch·
Wir bauen Sichtbarkeits-Maschinen.
Warum

Greift die eigene Verkaufsbotschaft direkt auf. „Maschine" signalisiert System statt Projekt, Automation statt Stunden-Honorar. Selbstbewusst, mechanisch, Schweizer Ingenieursprache. Beste Differenzierung zur Konkurrenz.

Zeichen36
Lifespan≥ 7 Jahre
StilIdentität
Risikotief
02 — Typografie

Drei Schnitte. Sonst nichts.

01 / Display
FontGeist · 500
Sizeclamp(56, 9vw, 132)
Lh0.96
Tracking−0.035em
UseHero · Final CTA
Sichtbar in der Antwort.
02 / Serif Italic Accent
FontInstrument Serif · 400 italic
Use1 Wort pro Sektion, nie mehr
FarbeAccent
FunktionEditoriales Atmen-Moment
VerbotenBody-Text · Buttons · Listen
Antwort.
03 / Section Headline
FontGeist · 500
Sizeclamp(40, 5.2vw, 68)
Lh1.0
Tracking−0.025em
UseProblem, Methodik, Cases…
Vier Komponenten.
Eine Maschine.
04 / Card Title
FontGeist · 500
Size22–28 px
Lh1.15
Tracking−0.018em
UseCards, Listings, Tier-Heads
Citation Intelligence
05 / Body
FontGeist · 400
Size17 px (Lead 20–22)
Lh1.5–1.55
Tracking−0.005em
Max-w56 ch
Wir machen Schweizer B2B-Unternehmen sichtbar, wenn ihre Käufer in ChatGPT, Perplexity und Google AI Overviews recherchieren — als Maschine, nicht als Projekt.
06 / Mono — Daten · Labels · Code
FontGeist Mono · 400/500
Size10–13 px
Tracking+0.04–0.08em
CaseUPPERCASE für Labels
UseLabels, Daten, Code, Citations
RUN #4'812 · 17. MAI 2026 · 09:14 · CHATGPT 4o · SoV +12 Pkt.
11
13
17
22
28
40
56
72
96
132
03 — Farbe

Paper, Ink, ein einziger Akzent.

Paper
Background · Primary
#ECE7DD
oklch 92% 0.012 84°
Ink
Foreground · Primary
#1A1816
oklch 18% 0.005 60°
Vermilion
Accent · Single
#C2391F
oklch 55% 0.18 32°
Ink Soft
Body · Secondary
#5A5449
oklch 41% 0.014 70°
Line
Borders · Dividers
#C7C0AF
oklch 80% 0.022 84°

Regel: Ein Akzent. Nicht zwei. Vermilion erscheint sparsam — in CTAs, Citation-Highlights, Section-Dots, einem Wort pro Hero. Wenn Vermilion auf jeder Section gleich laut ist, ist nichts mehr betont.

04 — Sprache · Voice

Schweizer Hochdeutsch, konkret.

Ja

  • „Wir machen Sie sichtbar in ChatGPT-Antworten."
  • „CHF 4'000–5'000 pro Monat. 6 Inhalte. Dashboard. Authority-Monitoring."
  • „In 9 von 14 buyer-relevanten Prompts auf Platz 1."
  • „Ein Junior-SDR kostet CHF 80'000 pro Jahr. Die Engine liefert mehr."
  • Mono für Daten. Zahlen mit Quelle. Apostroph als Tausendertrennzeichen.
  • „parkieren", „Spital", „Lehrgang" — wo natürlich.

Nein

  • „Wir helfen Ihnen, das Potenzial von KI zu entfesseln."
  • „Innovative, ganzheitliche, passgenaue Lösungen."
  • „AI-Revolution", „Next-Gen", „Future of B2B".
  • „Wir können bei X helfen" / „möglicherweise" / „eventuell".
  • Round-Numbers ohne Beleg. „100 % Zufriedenheit". Stock-Statements.
  • Niemals „ß". Niemals „5.000" oder „5,000". Niemals Du-Form.
05 — Sub-Pages · Struktur-Skizzen

Sieben weitere Seiten.

01 / Lead Magnet

AI Visibility Score Tool

/score → live mockup

Top-of-Funnel. Domain rein, Score raus, Email für vollen Report. Erstes Erleben der ALBO-Methodik.

01Domain-Input Massive Mono-Input, 60-Sekunden-Promise
02Live-Scan-Animation Echtzeit-Liste der laufenden AI-Engine-Tests
03Score-Card 0–100 Riesige Zahl, Score-Bracket, Breakdown nach Engine
043 Findings + 1 Quick Win Konkrete Diagnose, kein Marketing-Geschwafel
05Email-Capture für Full Report 14-Seiten-PDF, DSG-konformer Hinweis
02 / Tiefer-Tauchen

Methodik · Wie wir arbeiten

/methodik

Die vier Engine-Komponenten ausführlich. Process-Diagramme. Was läuft automatisiert, was nicht. FAQ am Ende.

01Hero: „So baut man eine Maschine, die zitiert wird." Kein Stock-Visual, ein Schema-Diagramm
024 Engine-Komponenten, je ein Deep-Dive-Block Mit Mini-Prozess-Diagrammen + Tool-Stack
03„Was ist automatisiert / was nicht" — Matrix Trust-Move: wir zeigen die Grenze
04Onboarding-Timeline · 2 Wochen Tag-für-Tag, was passiert
05FAQ — 8–12 Fragen AEO-optimiert · ist selbst Marketing
03 / Vertikalen

Use Cases (3 Detailseiten)

/cases/saas · /cases/treuhand · /cases/industrie

Je eine Branche, eine Story, harte Zahlen. Konkurrenz benennen wir nicht — aber Marktanteil-Verschiebung schon.

01Branche · Buyer-Journey-Kontext Was ändert sich in dieser Branche durch AI-Recherche?
02Pre/Post Citation-Charts Echte SoV-Verläufe über 6–12 Monate
03Branchenspezifische Prompt-Bibliothek Beispiele, wie Buyer in dieser Branche fragen
04Kunden-Quote · CFO/CEO/CMO 1 Satz, Foto, Funktion
05Branchen-passender CTA „Audit für Treuhandbüros" etc.
04 / Trust

Über uns · Gründer

/founders

Gesichter, Hintergründe, Philosophie. Kein Stock, keine LinkedIn-Headshots, kein „We are passionate about". Editorial.

01Editorial Doppel-Portrait Fotograf, nicht Smartphone. Studio-Schwarz-Weiss oder Werkstatt-Setting.
02Manifesto · 3 Absätze Warum es ALBO gibt, was wir nicht tun.
03Werdegang · Mono-Timeline Stationen, Jahre, Projekte — keine Buzzwords.
04Tooling & Tech-Philosophie Wir nutzen X, Y, Z — und warum.
05Kontakt direkt zu Gründer Slack-Channel, Calendly, persönliche E-Mail.
05 / Conversion

Audit · Start hier

/audit

Die einzige „verkaufsorientierte" Seite. Was drin ist, was nicht. Preis sichtbar. Buchungsablauf in 3 Schritten.

01Hero · Preis & Lieferzeit CHF 2'500–3'500 · 3 Wochen · klar wie ein Speisekartenpreis
02Was Sie bekommen — Liste 30 Prompts · 5 Wettbewerber · Roadmap · 90-Min-Call
03Beispiel-Report · 4 Seiten Preview Echtes Sample, kein Mockup
04Buchungsablauf · 3 Schritte Buchen → 30-Min-Kick-off → Report in 3 Wo
05Skeptiker-FAQ „Wieso nicht selber? · Was, wenn ich nicht buche?"
06 / Proof of competence

Insights · Blog

/insights

Wir essen unser eigenes Hundefutter. Das Blog selbst wird zum Proof, dass AEO funktioniert — die ALBO-Artikel werden zitiert.

01Artikel-Index · Editorial Listing Keine Card-Grid-Slop, klassisches Magazin-Layout
02Filter: Methodik · Branche · Tooling Mono-Pills, kein Dropdown-Theater
03Featured Insight · ganz oben Wechselt monatlich
04Artikel-Template AEO-optimiert Article-Schema, TOC, FAQ-Schema, Author-Markup
05„Wird zitiert von" — Live-Marker Welche AI-Engines diesen Artikel als Quelle nennen
07 / Letzte Stufe

Kontakt

/kontakt

Knapp. Drei Optionen — Audit, allgemeines Gespräch, Presse. Keine endlose Form. Direkt-Mail zu Gründern.

01Drei Wege · Audit · Gespräch · Presse Pro Karte 2 Zeilen, eine E-Mail-Adresse
02Calendly direkt zu Gründer Keine SDR-Filterung
03Adresse · Limmatquai 1, 8001 Zürich Statisch, Mono
04Optionale Mini-Form · 3 Felder Name · E-Mail · ein Satz Anlass
08 / Foundation

Design System Reference

/design-system (intern)

Diese Seite hier. Lebende Referenz für Type, Color, Voice, Komponenten. Wird mit jeder Erweiterung gepflegt.

01Sechs Design-Prinzipien oben dokumentiert
02Tagline-Pool · 3 Optionen + Rationale auswechselbar via Tweaks
03Typo-Scale · 6 Schnitte Geist + Geist Mono + Instrument Serif Italic
04Color-Tokens · 5 Werte Paper, Ink, Vermilion, Ink-Soft, Line
05Sprach-Do/Don't Schweizer Hochdeutsch, konkrete Regeln