Zum Inhalt springen
WVPOACADEMY
Alle Beiträge
Devlog1 Min. Lesezeit

Devlog #1: Das Designsystem steht

Schritt 1 des Website-Baus ist abgenommen: Design-Tokens aus dem CD-Manual, fünf selbst gehostete Schriften, 30 statisch generierte Seiten — und ein Logo, das ein vollständiges Wyckoff-Schema ist.

Der erste Bauabschnitt der Website ist abgeschlossen und geprüft. Was jetzt steht, sieht man als Besucher kaum — und genau deshalb gehört es in den Devlog.

Das Fundament: Jede Farbe und jede Schrift der Website kommt aus einer einzigen Token-Datei, abgeleitet aus dem Corporate-Design-Manual. Midnight Navy, Champagne Gold, Pergament Cream; Playfair Display für Headlines, Inter für die Oberfläche, JetBrains Mono für Daten. Kein Wert ist irgendwo doppelt definiert — ändert sich das Manual, ändert sich die Website an einer Stelle.

  • Midnight Navy
  • Champagne Gold
  • Pergament Cream
  • Brand-Kupfer
  • W · Tiefblau
  • V · Bronze
  • P · Smaragd
  • O · Karmin

PlayfairInter TightInterSource SerifJetBrains Mono

Die Original-Grafik dieses Beitrags: Sigel, Kernpalette und Schrift-Trias — gerendert aus denselben Tokens, über die der Text schreibt.

Die Technik: Next.js mit vollständig statischer Generierung — 30 Seiten, Deutsch und Englisch von Anfang an getrennt geführt. Die Schriften liegen auf dem eigenen Server statt bei einem CDN, aus Datenschutz- und Tempogründen. Erste Messung: rund 156 Kilobyte JavaScript pro Seite, deutlich unter dem selbst gesetzten Budget.

Ein Detail mit Absicht: Das Sigel im Logo ist kein stilisierter Buchstabe, sondern ein vollständiges Wyckoff-Akkumulationsschema mit Volumenprofil — PS, SC, AR, Spring, SOS, LPS, Markup. Wer die Methode kennt, liest das Logo. Auf der Startseite zeichnet es sich beim Laden selbst.

Nächster Abschnitt: die Startseite mit allen neun Sektionen — inklusive eines Mini-Drills mit echten Golddaten.

Den Maschinenraum abonnieren

Neue Beiträge per Mail — Double-Opt-in, jederzeit abbestellbar, kein Spam.

Double-Opt-in: Du bestätigst per Link in der Mail. Abmeldung jederzeit.