birkly.io

Birkly muss für zwei Arten von Lesern Sinn ergeben. Die eine führt ein Unternehmen und will eine Website, die sie an einem Dienstagnachmittag aktualisieren kann, ohne jemanden anzurufen. Der andere ist Entwickler – oder immer öfter ein KI-Agent – und will genau wissen, wie Inhalte gespeichert, gerendert und erweitert werden.

Eine Produktseite, die nur die Erste anspricht, klingt für den Zweiten vage. Eine, die nur den Zweiten anspricht, verliert die Erste schon im ersten Absatz. Die Aufgabe für birkly.io war, beide zu halten – ohne eine einzige Behauptung, die wir nicht belegen können.

Wir haben die Website von außen nach innen geschrieben. Jede Seite beginnt damit, was Birkly für einen tut, in normaler Sprache, und zeigt erst danach, wie: Collections, Einträge, Templates. Fachbegriffe tauchen auf, wenn sie nützlich sind, und jeder wird beim ersten Auftreten erklärt.

Manches haben wir bewusst weggelassen. Es gibt keine Installationszahlen, keine Logos von Firmen, die das Produkt nie benutzt haben, und keine Kundenstimmen, die wir selbst geschrieben hätten. Birkly ist in der Alpha, und die Website sagt das auch: Der Early Access öffnet in Wellen, die Dokumentation ist eine Vorschauausgabe, und die Software wird zum Release kostenlos und Open Source. Dieselbe Regel gilt für Maschinen. Ein Agent Guide veröffentlicht Birklys Aussagen als strukturierte Daten für KI-Suche und Assistenten, jede einzeln geprüft und datiert, mit der klaren Anweisung, keine Funktionen darüber hinaus zu erfinden.

birkly.io übernimmt seine Grundfarben vom CMS selbst: gebrochen weißes Papier, tintendunkler Text und ein Mint-Akzent, sodass Produkt und Website wie aus einem Guss wirken. Überschriften sind in Source Serif 4 gesetzt, der Text in Instrument Sans. Auf dieser Basis nutzt die Website eine viel breitere Palette an Marketing-Visuals und Effekten, als es die Oberfläche je täte.

Am markantesten sind die Linienanimationen, die sich durch die Hintergründe der ganzen Website ziehen. Sie bewegen sich organisch und erzählen die natürliche Geschichte hinter dem Namen – birk ist Dänisch für Birke – und geben den Ton für ein Design vor, das natürliche und digitale Elemente in Balance hält. Die digitale Seite zeigt sich in Bruchstücken echter Birkly-Template-Syntax, die als Abschnittsbeschriftungen dienen, etwa from 'birkly' get 'the point' oder for each entry in 'hub' ordered by newest. Und im Hub bekommt jedes Plugin seine eigene Farbe und einen kleinen Birkenwald.

Wo immer die Website Birkly zeigt, zeigt sie das Echte. Die Startseite erklärt das Inhaltsmodell in drei Schritten (Form festlegen, ausfüllen, in eine Seite holen), jeder mit einem Screenshot aus der laufenden Oberfläche: dem Schema-Editor, dem Eintragsformular und einem Template bei der Arbeit. Die Beispiele danach sind ebenfalls echte Setups: ein Portfolio, ein Blog, eine Dokumentation, ein Onlineshop, eine Event-Website und ein Social Feed, alle gebaut aus denselben Collections, Einträgen und Feldern.

Das kostet ein wenig Glanz, denn echte Oberflächen haben echte Sonderfälle. Es zahlt sich in dem Moment aus, in dem jemand Birkly installiert und genau das vorfindet, was ihm versprochen wurde.

Die Website führt Besucher durch eine User Story, aufgebaut um die Fragen, die Menschen tatsächlich stellen, ungefähr in der Reihenfolge, in der sie sie stellen:

• Was ist das? Die Startseite sagt, was Birkly ist, und zeigt dann, was es für jede Art von Leser tut: Unternehmer, Marketing-Leute, Entwickler, Produktentwickler und KI-Agenten, die alle dieselbe Instanz öffnen.
• Wie funktioniert es? Die Produktseite erklärt Inhaltsmodell, Templates, Rollen, KI und Plugins.
• Kann ich mich darauf verlassen? Die Dokumentation ist so geschrieben, dass man sie an einem Nachmittag liest, mit eigenen Wegen für Einsteiger und Fortgeschrittene, und die Roadmap bis 1.0 ist öffentlich und aktuell.
• Kann ich mitgestalten? Mitglieder des Clubs stimmen über die Roadmap ab, sodass die Community wirklich mitbestimmt, was als Nächstes gebaut wird.
• Wie fange ich an? Klare Wege führen zum Hub, zum Club und zum Early Access, der in Wellen öffnet.
• Wie kann ich helfen? Die Sponsorenseite und der Club machen es möglich, ein unabhängiges CMS einmalig oder monatlich zu unterstützen.

Jede Seite endet mit einem Hinweis auf die nächste Frage, sodass niemand selbst den Weg durchs Menü suchen muss.

birkly.io beschreibt Birkly nicht nur, es läuft darauf und nutzt jeden Teil des Systems im Zusammenspiel:

• Seiten und Inhalte werden in derselben Oberfläche bearbeitet, die die Website beschreibt, in sieben Sprachen.
• Der Club ist ein funktionierendes soziales Netzwerk für die Birkly-Community, gebaut mit dem User-Management-Plugin. Mitglieder schreiben Beiträge, folgen einander, teilen Ankündigungen und stimmen über die Roadmap ab.
• Spenden laufen über das Commerce-Plugin, einmalig oder als monatliches Abo. Jede Spende ist mit dem Club-Konto des Unterstützers verknüpft, bringt ein Unterstützer-Abzeichen und erscheint auf einer eigens gestalteten Spenderwand.
• Automatisierungen beantworten Formulare und teilen Menschen auf der Warteliste in Kohorten ein. Meldet sich jemand an, setzt ein Workflow die Kohorte und schickt eine Bestätigungsmail, ohne dass jemand Hand anlegen muss.
• Agent Guide und WebMCP beschreiben die Website für KI-Suche und Assistenten und bieten Browser-Agenten ein paar sichere Aktionen an.

Die Website wirkt schlicht, aber die Teile greifen ineinander: Eine Spende zeigt sich im Profil eines Mitglieds, Mitglieder schreiben und stimmen ab, und die Abstimmungen bestimmen, was als Nächstes gebaut wird. Damit ist birkly.io der erste und anspruchsvollste Test des Produkts und der deutlichste Beweis dafür, wie flexibel es ist. Wenn sich etwas im Betrieb umständlich anfühlte, wurde daraus eine Änderung an Birkly selbst statt eines Workarounds in der Website.