Saltar al contenido

Documentación viva

Sistema de diseño

Tokens, tipografía y componentes de EPOCH renderizados con el mismo código que usa el sitio. Complementa a docs/DESIGN_SYSTEM.md.

Marca

Palabra en Anton (condensada, display) con un píxel rojo como punto final: la marca es una afirmación, no un logotipo decorativo. Área de respeto: la altura de la «E».

Color

  • Negro profundo--color-ink · #0A0A0ATexto, filetes, fondos de secciones especiales
  • Blanco editorial--color-paper · #F7F6F2Fondo principal, texto sobre negro
  • Rojo EPOCH--color-epoch · #E5242AÉnfasis, categorías sobre negro, bloques, filetes. Texto ≥ 18px
  • Rojo texto--color-epoch-text · #C01D23Categorías y enlaces pequeños sobre blanco (contraste AA)
  • Grafito--color-graphite · #2B2B29Bajadas y texto secundario largo
  • Gris metadatos--color-mute · #5F5E59Fechas, créditos, metadatos (AA sobre papel)
  • Filete--color-rule · #D9D7CFSeparadores finos
  • Papel 2--color-paper-2 · #EEECE5Fondos de bloque, recuadros

Regla: blanco y negro dominan. El rojo aparece en un máximo de uno o dos puntos de tensión por pantalla. Sin degradados decorativos.

Tipografía

Display · Anton — logotipo, secciones, titulares de serie

La tecnología es poder

Titulares · Newsreader (serif de alto contraste, eje óptico)

La nube tiene dueños

Ensayos y opinión en itálica

Cuerpo · Newsreader 19–20px, interlínea 1.68, medida ≈ 68 caracteres

La infraestructura que impulsa la nueva economía digital también concentra capital, capacidad de cómputo y poder de decisión.

Interfaz y metadatos · Inter

Navegación · Por Redacción EPOCH · 16 oct 2026 · 6 min de lectura

Kicker de categoría — 11px, 700, +14% espaciado

Géneros periodísticos

Cada familia tiene un tratamiento visual distinto e inconfundible. El género es un campo obligatorio en el CMS.

  • Noticia
  • Reportaje
  • Explicador
  • Análisis
  • Ensayo
  • Opinión
  • «Entrevista»
  • Contenido patrocinado
  • Ejemplo editorial

Tarjetas editoriales

standard

row

compact

opinion

Firma Invitada

Firma de demostración · Opinión

EnsayoEjemplo editorial

El futuro no es una predicción, es una disputa

Cada vez que una empresa anuncia lo que "inevitablemente" vendrá, está proponiendo un proyecto político. Tratarlo como pronóstico es renunciar a discutirlo.

lead

overlay

Ilustración generativa

Mientras una historia no tenga fotografía propia, EPOCH usa composiciones generativas deterministas en SVG (sin peso de red). Se acreditan como «Ilustración generativa de EPOCH» y nunca simulan fotografía documental.

  • grid
  • pixels
  • contour
  • orbit
  • bars
  • lines
  • towers
  • wave

Formulario de newsletter

Estados: validación en cliente y servidor, envío, éxito, error y «no disponible» (503 cuando no hay proveedor configurado).