Styleguide

Stand: Feb 2026

Dieses Dokument zeigt alle verfügbaren Formate und dient als Copy-Paste-Vorlage für neue Einträge. Ziel ist ein kompaktes, schnelles und subtiles Design.


1. Text & Hierarchie

Standard-Text ist für gute Lesbarkeit auf dem Smartphone optimiert.

Überschrift 3 (H3)

Wird für Zwischenüberschriften genutzt, um den Text zu gliedern, ohne zu dominant zu wirken.


2. Die .tech Klasse (Subtile Infos)

Die Klasse .tech wird für Metadaten wie Uhrzeiten, Kamera-Specs oder Dateigrößen verwendet. Sie erscheint klein, grau und in Monospace.

In-line (im Satz)

Dies ist ein normaler Satz, in dem eine Uhrzeit: 14:30 oder eine Kamera: Sony R1 dezent hervorgehoben wird.

Als Block (Fenced Div)

Wird genutzt, wenn technische Daten unter einem Bild oder am Ende eines Posts stehen sollen:

ISO 160 | f/8 | 1/250s | Belichtungskorrektur -1.0 Geodaten: 52.288, 8.916


3. Bilder & Captions

Bilder sollten immer mit einer Caption versehen werden, damit Pandoc sie in ein <figure> Element packt.

Standard-Bild mit Caption

Dies ist eine normale Bildbeschreibung

Bild mit kombinierter Tech-Info

Dies ist die platzsparendste Methode für das Handy:

Beschreibung des Fotos Sony R1 | f/2.8

4. Listen & Index-Stil

Die Listen im Index sollen auf Smartphones breit und gut tippbar sein.


5. Tipps für den Workflow (Termux)

6. Die .subtle Klasse

Subtiler Text

7. Info Boxen

Dies ist eine Information

Dies ist eine Warnung

Dies ist erledigt

Ukulele Sample

Diseducates