Website-Design für technisches Schreiben

Quartz: Website-Design für technisches Schreiben

Quartz wird als Arbeitsbereich für technische Redakteurinnen und Redakteure vorgestellt, die von der Gliederung über den Entwurf und das Review bis zur Veröffentlichung gelangen wollen, ohne die Tastatur zu verlassen. Die Seite ist eine Konzept-Website und kein Nachweis für einen angebundenen Produktivdienst; ihr stärkster Beitrag ist daher die redaktionelle Rahmung: Sie gibt einem spezialisierten Werkzeug eine Haltung, bevor sie Funktionen aufzählt.

Der Eröffnungssatz steht in einer großen, linksbündigen Überschrift in Instrument Serif, wobei „docs nobody read“ kursiv hervorgehoben ist. Die maximale Breite von 16ch macht die lange Aussage zu einer kompakten Spalte, während der Begleitabsatz ein breiteres Maß von 52ch nutzt. Auf der warmen, gebrochen weißen Fläche kontrastiert der dunkle Button „Request access“ mit der ruhigeren Aktion „Read the manual“ und einem gedruckten Kurzbefehl-Badge. So steht die Schreibprämisse im Vordergrund, auch wenn diese Bedienelemente die angekündigten Workspace-Aufgaben nicht ausführen.

Aufgaben, die das Design unterstützt

Die Seite adressiert mehrere verwandte Website-Aufgaben, bindet sie aber stets an die Quartz-Prämisse. Besucher verstehen, für wen das Produkt gedacht ist, wie der gedachte Workflow geordnet ist, was es bewusst nicht sein will und wie sich die Tarife je nach Zielgruppe unterscheiden. Diese Aufgaben werden durch kurze Labels und wiederkehrende Gegensätze vermittelt, nicht durch eine funktionslastige Einleitung.

Die Seite führt vom Schreiben zur Positionierung

Das Layout folgt derselben Reihenfolge wie die Produktgeschichte. Ein großer Hero legt die Stimme fest, dann führt die Seite den Editor ein, bevor sie Review, Export, History und Integrationen durchläuft. Danach benennt der Kontrastabschnitt, was Quartz nicht ist, und der Preisabschnitt übersetzt die redaktionelle Haltung in drei zielgruppenspezifische Angebote. Durch diese Abfolge liest sich die Seite wie ein Argument und nicht wie ein Katalog.

1. Mit dem Editor beginnen

   Der erste nummerierte Abschnitt ist „01 / OUTLINE“ mit der Überschrift „An outline that doubles as a typewriter.“ Der Text erwähnt das Ziehen von Überschriften, einen Fokusmodus und eine abgedunkelte Restseite. Diese Details verbinden Struktur und Konzentration, bleiben aber vorgeschlagenes Interaktionsverhalten und kein verifiziertes Laufzeitverhalten.

2. In den Teamkontext erweitern

   Die nächsten Abschnitte führen Inline-Review, Markdown-Export, Revisionsverlauf und Integrationen ein. Die Labels halten jede Idee kompakt, während die Beschreibungen konkrete Beziehungen ergänzen: Kommentare sind an einer Zeile verankert, ein Dokument liest und schreibt dieselbe .md-Struktur, und Ticket-IDs erscheinen in Verbindung mit einer Seitenleiste. Jede Ergänzung erweitert den gedachten Arbeitsbereich, erhöht aber auch die Zahl der Produktaussagen, die eine echte Implementierung belegen müsste.

3. Mit einer kommerziellen Entscheidung abschließen

   Das Preisband vergleicht Solo mit 9 $ pro Monat, Studio mit 22 $ pro Platz und Monat und Press als „Talk / to us“. Die unterschiedlichen Abrechnungseinheiten und Zielgruppenlabels unterscheiden eine einzelne Autorin oder einen Autor, ein Docs-Team und einen Verlag. Solo und Press führen jeweils vier Features auf; Studio führt fünf auf und erhält das Empfehlungs-Badge. Press wechselt das Thema zu SSO, Self-Hosting, Export-Pipelines und Support, statt einfach eine längere Liste zu bieten. Alle Preise und Funktionen sind Beispielpositionierung.

Sichtbare Design- und Funktionsgrenzen

Quartz ist ein Marketing-Konzept und kein implementierter Schreib-Arbeitsbereich. Das einzige Skript blendet Abschnitte über IntersectionObserver ein; es verarbeitet weder Buttons, angezeigte Kurzbefehle, Bearbeitung, Reviews, Exporte noch Kontoerstellung. Native Links führen zu Surfaces, What It Isn't und Plans, während Changelog keinen passenden Abschnitt hat und die Footer-Links Platzhalter sind. Die Seite demonstriert daher visuelle Positionierung, keine funktionierenden Integrationen, verschlüsselte Synchronisierung, Veröffentlichung oder echte Preisangebote. Diese Dienste erforderten eine eigene Implementierung und Tests.

Quellenangabe

OpenDesign verbreitet dieses Beispiel in seiner Community-Bibliothek. Die Quelldokumentation nennt Taste Skill by Leonxlnx für die Richtlinien zu redaktionellem Minimalismus und räumlichem Rhythmus: https://github.com/Leonxlnx/taste-skill. Dies ist ein Distributionshinweis und keine Behauptung einer eigenständigen Urheberschaft von OpenDesign. Das mitgelieferte Manifest deklariert MIT; es begründet keine gesonderten Rechte an jedem dargestellten Asset.