Saltar al contenido
WVPOACADEMY
Todos los artículos
Devlog1 min de lectura

Devlog #1: el sistema de diseño está listo

La fase 1 de la construcción de la web está aprobada: design tokens a partir del manual de identidad corporativa, cinco tipografías alojadas en servidor propio, 30 páginas generadas de forma estática y un logotipo que es un esquema de Wyckoff completo.

El primer tramo de la construcción de la web está terminado y revisado. Lo que ya está en pie apenas se nota como visitante, y precisamente por eso tiene su lugar en el devlog.

La base: cada color y cada tipografía de la web salen de un único archivo de tokens, derivado del manual de identidad corporativa. Midnight Navy, Champagne Gold, Pergament Cream; Playfair Display para los titulares, Inter para la interfaz, JetBrains Mono para los datos. Ningún valor está definido dos veces en ninguna parte: si cambia el manual, la web cambia en un solo lugar.

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

PlayfairInter TightInterSource SerifJetBrains Mono

El gráfico original de este artículo: sello, paleta principal y trío tipográfico, generados a partir de los mismos tokens de los que habla el texto.

La técnica: Next.js con generación totalmente estática, 30 páginas, con alemán e inglés llevados por separado desde el principio. Las tipografías se alojan en el servidor propio en lugar de en un CDN, por motivos de privacidad y de velocidad. Primera medición: unos 156 kilobytes de JavaScript por página, claramente por debajo del presupuesto que nos fijamos.

Un detalle intencionado: el sello del logotipo no es una letra estilizada, sino un esquema completo de acumulación de Wyckoff con perfil de volumen: PS, SC, AR, Spring, SOS, LPS, Markup. Quien conoce el método lee el logotipo. En la página de inicio se dibuja a sí mismo al cargar.

Siguiente tramo: la página de inicio con sus nueve secciones, incluido un mini drill con datos reales del oro.

Suscribirse a la sala de máquinas

Artículos nuevos por correo: double opt-in, baja en cualquier momento, sin spam.

Double opt-in: confirmas mediante el enlace del correo. Puedes darte de baja en cualquier momento.