Skip to content
WVPOACADEMY
All posts
Devlog1 min read

Devlog #1: The design system is in place

Step 1 of the website build is signed off: design tokens from the CD manual, five self-hosted fonts, 30 statically generated pages — and a logo that is a complete Wyckoff schema.

The first build phase of the website is finished and reviewed. As a visitor, you barely notice what is now in place — and that is exactly why it belongs in the devlog.

The foundation: Every color and every font on the website comes from a single token file, derived from the corporate design manual. Midnight Navy, Champagne Gold, Parchment Cream; Playfair Display for headlines, Inter for the interface, JetBrains Mono for data. No value is defined twice anywhere — change the manual, and the website changes in one place.

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

PlayfairInter TightInterSource SerifJetBrains Mono

This post's original figure: sigil, core palette and the type trio — rendered from the very tokens the text describes.

The tech: Next.js with fully static generation — 30 pages, German and English kept separate from the start. The fonts live on our own server instead of a CDN, for privacy and speed reasons. First measurement: around 156 kilobytes of JavaScript per page, well below the budget we set ourselves.

A deliberate detail: The mark in the logo is not a stylized letter but a complete Wyckoff accumulation schema with volume profile — PS, SC, AR, Spring, SOS, LPS, Markup. If you know the method, you can read the logo. On the home page it draws itself as the page loads.

Next phase: the home page with all nine sections — including a mini-drill with real gold data.

Subscribe to the engine room

New posts by email — double opt-in, unsubscribe anytime, no spam.

Double opt-in: you confirm via the link in the email. Unsubscribe anytime.