sistemaPAPEL EDITORIAL · V2.1

Sistema de diseño

Tres voces: Self Modern para los titulares (con su rareza humana), Newsreader para leer, y Fragment Mono que reporta como un registro. Papel casi blanco, un solo acento azul, datos con tick de color. Nada grita; todo se lee.

--paper#fcfcf4 · fondo general
--paper-2#f2f2e4 · bloques y filas
--card#ffffff · tarjetas
--ink#282719 · texto
--ink-soft#716e5a · texto secundario
--azul#4c42fa · acento · interacción
--libre#5e7d5a · semántico · libre
--tomado#bf4b2b · semántico · tomado
--sdato#b08b3e · semántico · sin dato
--azul-tint#ecebfd · tinte · interacción
--libre-tint#e9efe4 · tinte · libre
--tomado-tint#f8e9e1 · tinte · tomado
--sdato-tint#f5eed9 · tinte · sin dato

Regla: el azul es solo para interacción (CTA, links, foco). Los semánticos solo califican datos, nunca decoran. Cada hue tiene su tinte papel para fondos de chips y bloques. Todo lo demás es papel y tinta.

Display · Self Modern¿Tu marca tiene tocayos?
Énfasis · Self Modern italictocayos, con subrayado a mano
Cuerpo · Newsreader 400 / 17pxAntes de enamorarte de un nombre para tu marca, chequéalo. El cuerpo se lee como una revista, no como un formulario.
Datos · Fragment Monotiza.com.co → LIBRE · SD2026/0031327 · *tiza*
Etiquetas · mono 10.5px track 0.14emDOMINIOS · VERIFICADOS AHORA
Botón · muesca pixel
Fila de dato · tick de colortiza.coLIBREtiza.comTOMADOejemplo.studioS/DATO
Consulta copiable
Sello · descargoNO ES
OPINIÓN
LEGAL

Grano de papel sobre todo el sitio (ruido al 5%, multiply). Retícula milimetrada detrás del hero y dentro de la banda oscura. Marcas de registro (+) como guiño de imprenta. Cada capa tiene su hue con un pixel de color: registro azul, dominio verde, calle ocre. Una sola banda de tinta oscura por página, con el sello en naranja #fb8442. Watermark gigante en Self Modern italic al 4.5%. Motion con propósito: el subrayado se dibuja al cargar, el estado de carga imprime líneas como terminal, las secciones aparecen al scroll, las tarjetas se levantan con sombra dura azul, la muesca del botón crece y el sello se endereza. Todo respeta prefers-reduced-motion.

Se escribe como se habla: «a una marca sí le toca», «te ahorras esa plata», «sin abogado todavía». Nunca em dash: suena a AI. Honestidad primero: lo que no se pudo verificar dice S/DATO, y el descargo legal es parte del diseño, no letra pequeña.