01 Display
Diese Seite ist die Referenz für das Portfolio. Jedes Beispiel wird auf der echten Website verwendet; neue Muster kommen erst hinzu, wenn ein echter Anwendungsfall sie rechtfertigt.
02 Prinzipien
Sichtbare Struktur, starke Regeln und direkte Texte. Jede raue Kante bleibt bewusst.
Grösse und Weissraum erklären Wichtigkeit vor jeder Dekoration.
Eine Komponente entsteht nach echter Wiederholung, nicht für erfundene spätere Seiten.
Natives HTML, CSS und vorgerenderte Nuxt-Seiten. JavaScript nur, wenn die Plattform nicht reicht.
03 Farbe
Fast-Schwarz und warmes Papier tragen die Oberfläche. Orange markiert Struktur und Aktionen. Blau bleibt ein seltenes technisches Signal, nie ein zweiter Hauptakzent.
--ink--paper--muted--line--orange--blue04 Typografie
Roboto trägt Display- und Lesetext. IBM Plex Mono trägt Navigation, Metadaten, Status, Labels und kompakte Aktionen. Auch auf Mobilgeräten bleiben alle Texte, Labels und Metadaten mindestens 16 px gross.
Display
Fliesstext — Diese Seite ist die Referenz für das Portfolio. Jedes Beispiel wird auf der echten Website verwendet; neue Muster kommen erst hinzu, wenn ein echter Anwendungsfall sie rechtfertigt.
Satzschreibung. Namen, Akronyme und Zeichensetzung bleiben erhalten.
Labels, Navigation, Aktionen und Status erscheinen per CSS in Versalien. Der Quelltext bleibt lesbar.
Versalien sind in Charts, Beweisgrafiken und markenartigen Kompositionen erlaubt.
05 Raster + Abstände
Vier Spalten am Desktop und zwei auf Mobilgeräten dienen als Raster für die ganze Website. Senkrechte Linien stehen nur an echten Zellgrenzen, nie durch Text oder Inhalte, die mehrere Spalten belegen. Der Seitenfuss verbindet diese zu zwei Zellen mit einer mittleren Trennlinie am Desktop; auf Mobilgeräten trennt eine waagrechte Linie die gestapelten Zellen. Beispiele schliessen bündig mit ihren Zellen ab: gemeinsame Trennlinien statt eingerückter Kästen mit doppelten Rahmen. Den äusseren Rahmen behalten; Zellen für Hero-Text, Titel, Beschreibungen und Karten verbinden. Die Skala unten liest die Abstände direkt aus den CSS-Variablen; Linien bleiben ein Pixel.
--space-xs--space-sm--space-md--space-lg--space-xl--space-2xl--space-3xl06 Komponenten
Der Seitenkopf oben und die Muster in voller Grösse unten sind dieselben Produktionskomponenten mit echten zweisprachigen Inhalten. Navigation, Porträt-Hero, Zahlenstreifen und Projektgrafiken sind keine separaten Schaukasten-Kopien. Dieselben Titel, Zeilen, Karten, Status, Artikelmuster, Projektabschnitte und Rechtstexte stehen auf den echten Seiten.
Softwareprodukte, Unternehmen, Spiele und Handelssysteme. Ich folge meiner Neugier, bis etwas Nützliches entsteht.
02 Ausgewählte Projekte
Unterschiedliche Probleme. Gleiche Methode: den teuren Teil verstehen, die kleinste nützliche Antwort bauen und sie dann weiter verbessern.
Software-Agentur + KI-Beratung
Meine Antwort auf teure Softwarefrustration: ein kleines internationales Team, das das ganze Produkt konzipiert, baut, deployt und betreibt.
Projekt öffnenVON DER FRAGE
ZUM LAUFENDEN PRODUKT
Privates Multiplayer-Wortspiel
Ein Browser-Spiel für 1–6 Personen mit Einladungslinks, einem autoritativen Game-Server und einem Spielfeld für Handy und Desktop.
Projekt öffnenResearch + Ausführungsplattform
Ein komplettes System von der Research bis zum Paper-Trading: Strategien müssen Walk-Forward-Tests, echte Marktdaten und Live-Monitoring bestehen.
Research ansehenRESEARCHBACKTESTPAPERMONITORING
03 Jetzt
Ein manuell aktualisierter Stand. Das sind aktive Fragen und Experimente, keine polierten Produktversprechen.
Aktualisiert August 2026Ich teste einen KI-gestützten Akquiseansatz, der zuerst teure operative Probleme findet und erst danach Software vorschlägt.
04 Kleine Dinge
Aktives Experiment
Private MCP-Infrastruktur, ohne jedem Client alle Zugangsdaten zu geben.
Aktives Experiment
Sprache, Gedächtnis, Tools und native Freigaben auf iOS.
Aktives Experiment
Eine lokale Agentenschnittstelle zur Steuerung meines Hauses.
Gebautes Experiment
Eine kleine native macOS-App für Arbeitsbenachrichtigungen.
Gebautes Experiment
Bluetooth-Intervallsteuerung für mein Laufband über FTMS.
Laufende Validierung
Friedhof und Prüfstand für Signale, inklusive der gescheiterten.
05 Wie ich arbeite
Mit einem konkreten operativen Problem und der Person beginnen, die seine Folgen trägt.
Prüfen, ob der Schmerz echt und messbar ist, bevor ich mich in eine Lösung verliebe.
Das günstigste nützliche Ding bauen, das die wichtige Frage beantworten kann.
Messen, verbessern, stoppen oder verwerfen. KI hilft; Menschen führen, prüfen und geben frei.
Aktiv
Ein selbst hostbares Gateway kann Zugangsdaten und Tool-Lärm reduzieren, ohne nützliche Fähigkeiten zu verstecken.
Juraguard bündelt entfernte MCP-Server hinter einem Endpunkt, hält Zugangsdaten serverseitig und bietet kompakte Such- und Aufruf-Tools.
06 Neuster Artikel
Mail und Kalender liegen bei mir an verschiedenen Orten. Ich habe eine kleine Brücke für Einladungen gebaut, keinen RSVP-Automaten.
Artikel lesenMail und Kalender liegen bei mir an verschiedenen Orten. Ich habe eine kleine Brücke für Einladungen gebaut, keinen RSVP-Automaten.
Artikel lesen07 Kontakt
Wenn du über Software, KI-Workflows, Trading-Systeme oder ein Projekt sprichst, schreib mir.
cwirz@pyango.chMeine Antwort auf teure Softwarefrustration: ein kleines internationales Team, das das Problem versteht, das Produkt baut und es am Laufen hält.
Von der Frage zum laufenden Produkt
01 / Warum es Pyango gibt
Software wird teuer, wenn die Verantwortung auf Leute verteilt ist, die nur einen Ausschnitt sehen. Bei Pyango bleiben Produktdenken, Design, Entwicklung, Deployment und Betrieb in einem kleinen Team.
So können wir eine schwache Annahme hinterfragen, bevor daraus ein perfektes Feature wird, das niemand braucht. Und wir bleiben auch für die unspektakuläre Arbeit nach dem Launch.
04 / Unser Stack
Du brauchst ein kleines Team, das das ganze Produkt verantwortet?
pyango.agency besuchenKleine Tools
Mail und Kalender liegen bei mir an verschiedenen Orten. Ich habe eine kleine Brücke für Einladungen gebaut, keinen RSVP-Automaten.
MailMate ist meine Mail-App auf dem Mac. Tastaturbedienung und Kontrolle über meine Mails machen sie für mich zur besten Mac-Mail-App. Das ist meine Meinung, kein Vergleichstest. Die App gibt es auf freron.com.
Meine Mails liegen nicht bei Google, mein Kalender schon. MailMate empfängt Outlook-Termineinladungen, aber Google bekommt meine Mails nie. Ich wollte die Termine im Kalender sehen, ohne mein Postfach weiterzuleiten.
Colin Wirz
Schweiz
07 Inhalt
08 Barrierefreiheit
